@omnifyjp/shell 0.1.1

package/dist/chunk-EJEVW4RO.js

@@ -0,0 +1,49 @@
+import { createContext, useState, useCallback, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/contexts/ThemeContext.tsx
+var ThemeContext = createContext(void 0);
+function loadSavedTheme() {
+  if (typeof window === "undefined") return "light";
+  const saved = localStorage.getItem("omnify_theme");
+  if (saved === "light" || saved === "dark" || saved === "system") return saved;
+  return "light";
+}
+function applyTheme(theme) {
+  const root = document.documentElement;
+  if (theme === "system") {
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    root.classList.toggle("dark", prefersDark);
+  } else {
+    root.classList.toggle("dark", theme === "dark");
+  }
+}
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = useState(loadSavedTheme);
+  const setTheme = useCallback((t) => {
+    setThemeState(t);
+  }, []);
+  useEffect(() => {
+    localStorage.setItem("omnify_theme", theme);
+    applyTheme(theme);
+  }, [theme]);
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = () => applyTheme("system");
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [theme]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme }, children });
+}
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+export { ThemeProvider, useTheme };
+//# sourceMappingURL=chunk-EJEVW4RO.js.map
+//# sourceMappingURL=chunk-EJEVW4RO.js.map

package/dist/chunk-EJEVW4RO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/ThemeContext.tsx"],"names":[],"mappings":";;;;AASA,IAAM,YAAA,GAAe,cAA4C,MAAS,CAAA;AAE1E,SAAS,cAAA,GAAwB;AAC/B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,OAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,OAAA,CAAQ,cAAc,CAAA;AACjD,EAAA,IAAI,UAAU,OAAA,IAAW,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,OAAO,KAAA;AACxE,EAAA,OAAO,OAAA;AACT;AAEA,SAAS,WAAW,KAAA,EAAc;AAChC,EAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,EAAA,IAAI,UAAU,QAAA,EAAU;AACtB,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,OAAA;AACtE,IAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,WAAW,CAAA;AAAA,EAC3C,CAAA,MAAO;AACL,IAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,KAAA,KAAU,MAAM,CAAA;AAAA,EAChD;AACF;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAA4B;AACnE,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,SAAgB,cAAc,CAAA;AAE7D,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,CAAA,KAAa;AACzC,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAC1C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAU,QAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA;AAC3D,IAAA,MAAM,OAAA,GAAU,MAAM,UAAA,CAAW,QAAQ,CAAA;AACzC,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,OAAO,CAAA;AACrC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,EACvD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,GAAA,CAAC,aAAa,QAAA,EAAb,EAAsB,OAAO,EAAE,KAAA,EAAO,QAAA,EAAS,EAC7C,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,OAAA,GAAU,WAAW,YAAY,CAAA;AACvC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,MAAM,IAAI,MAAM,8CAA8C,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,OAAA;AACT","file":"chunk-EJEVW4RO.js","sourcesContent":["import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\ninterface ThemeContextType {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\nfunction loadSavedTheme(): Theme {\n  if (typeof window === 'undefined') return 'light';\n  const saved = localStorage.getItem('omnify_theme');\n  if (saved === 'light' || saved === 'dark' || saved === 'system') return saved;\n  return 'light';\n}\n\nfunction applyTheme(theme: Theme) {\n  const root = document.documentElement;\n  if (theme === 'system') {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n    root.classList.toggle('dark', prefersDark);\n  } else {\n    root.classList.toggle('dark', theme === 'dark');\n  }\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n  const [theme, setThemeState] = useState<Theme>(loadSavedTheme);\n\n  const setTheme = useCallback((t: Theme) => {\n    setThemeState(t);\n  }, []);\n\n  useEffect(() => {\n    localStorage.setItem('omnify_theme', theme);\n    applyTheme(theme);\n  }, [theme]);\n\n  useEffect(() => {\n    if (theme !== 'system') return;\n    const mq = window.matchMedia('(prefers-color-scheme: dark)');\n    const handler = () => applyTheme('system');\n    mq.addEventListener('change', handler);\n    return () => mq.removeEventListener('change', handler);\n  }, [theme]);\n\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"]}

package/dist/chunk-OHORC3F5.js

@@ -0,0 +1,72 @@
+import { Separator } from '@omnifyjp/ui/components/separator';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/PageContainer.tsx
+function PageContainer({
+  title,
+  subtitle,
+  extra,
+  children,
+  footer,
+  sidebar,
+  sidebarPosition = "right",
+  sidebarWidth = "w-80",
+  variant = "standard",
+  className = "",
+  contentClassName = "",
+  showHeaderSeparator = true
+}) {
+  if (variant === "full") {
+    return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
+      children,
+      footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
+    ] });
+  }
+  if (variant === "split") {
+    return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
+      (title || extra) && /* @__PURE__ */ jsx("div", { className: "px-page py-4 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+        ] }),
+        extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
+        sidebar && sidebarPosition === "left" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-r border-border overflow-y-auto flex-shrink-0`, children: sidebar }),
+        /* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto ${contentClassName}`, children }),
+        sidebar && sidebarPosition === "right" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-l border-border overflow-y-auto flex-shrink-0`, children: sidebar })
+      ] }),
+      footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
+    (title || extra) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-page py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
+        ] }),
+        extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
+      ] }) }),
+      showHeaderSeparator && /* @__PURE__ */ jsx(Separator, {})
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto p-page ${contentClassName}`, children }),
+    footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx("div", { className: "px-page py-4", children: footer })
+    ] })
+  ] });
+}
+function StandardPageContainer(props) {
+  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "standard" });
+}
+function SplitPageContainer(props) {
+  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "split" });
+}
+function FullWidthPageContainer(props) {
+  return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "full" });
+}
+
+export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer };
+//# sourceMappingURL=chunk-OHORC3F5.js.map
+//# sourceMappingURL=chunk-OHORC3F5.js.map

package/dist/chunk-OHORC3F5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PageContainer.tsx"],"names":[],"mappings":"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","file":"chunk-OHORC3F5.js","sourcesContent":["import { ReactNode } from 'react';\nimport { Separator } from '@omnifyjp/ui/components/separator';\n\nexport interface PageContainerProps {\n  /**\n   * Page title\n   */\n  title?: string;\n\n  /**\n   * Subtitle or description below title\n   */\n  subtitle?: string;\n\n  /**\n   * Extra content (buttons, actions) displayed on the right side of header\n   */\n  extra?: ReactNode;\n\n  /**\n   * Main page content\n   */\n  children: ReactNode;\n\n  /**\n   * Footer content displayed at the bottom\n   */\n  footer?: ReactNode;\n\n  /**\n   * Sidebar content displayed on left or right\n   */\n  sidebar?: ReactNode;\n\n  /**\n   * Sidebar position\n   * @default 'right'\n   */\n  sidebarPosition?: 'left' | 'right';\n\n  /**\n   * Sidebar width\n   * @default 'w-80'\n   */\n  sidebarWidth?: string;\n\n  /**\n   * Layout variant\n   * - 'standard': Default padded layout with header\n   * - 'full': Full width, no padding (for boards, gantt)\n   * - 'split': Layout with sidebar inside page\n   * @default 'standard'\n   */\n  variant?: 'standard' | 'full' | 'split';\n\n  /**\n   * Custom container className\n   */\n  className?: string;\n\n  /**\n   * Custom content className\n   */\n  contentClassName?: string;\n\n  /**\n   * Show separator below header\n   * @default true for standard variant\n   */\n  showHeaderSeparator?: boolean;\n}\n\n/**\n * PageContainer - Flexible page layout component\n *\n * @example\n * // Standard layout with title and actions\n * <PageContainer\n *   title=\"Dashboard\"\n *   subtitle=\"Overview of all projects\"\n *   extra={<Button>Create</Button>}\n * >\n *   <div>Content here</div>\n * </PageContainer>\n *\n * @example\n * // Split layout with right sidebar\n * <PageContainer\n *   title=\"Task Detail\"\n *   variant=\"split\"\n *   sidebar={<CommentSection />}\n *   sidebarPosition=\"right\"\n * >\n *   <div>Main content</div>\n * </PageContainer>\n *\n * @example\n * // Full width layout (no padding)\n * <PageContainer variant=\"full\">\n *   <KanbanBoard />\n * </PageContainer>\n */\nexport function PageContainer({\n  title,\n  subtitle,\n  extra,\n  children,\n  footer,\n  sidebar,\n  sidebarPosition = 'right',\n  sidebarWidth = 'w-80',\n  variant = 'standard',\n  className = '',\n  contentClassName = '',\n  showHeaderSeparator = true,\n}: PageContainerProps) {\n  // Full width variant - no padding, no header\n  if (variant === 'full') {\n    return (\n      <div className={`h-full flex flex-col ${className}`}>\n        {children}\n        {footer && <div className=\"border-t border-border\">{footer}</div>}\n      </div>\n    );\n  }\n\n  // Split variant - with sidebar\n  if (variant === 'split') {\n    return (\n      <div className={`h-full flex flex-col ${className}`}>\n        {/* Header */}\n        {(title || extra) && (\n          <div className=\"px-page py-4 border-b border-border\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"flex-1 min-w-0\">\n                {title && <h1 className=\"text-page-title font-semibold mb-2\">{title}</h1>}\n                {subtitle && <p className=\"text-sm text-muted-foreground\">{subtitle}</p>}\n              </div>\n              {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n            </div>\n          </div>\n        )}\n\n        {/* Content with sidebar */}\n        <div className=\"flex-1 flex overflow-hidden\">\n          {sidebar && sidebarPosition === 'left' && (\n            <aside className={`${sidebarWidth} border-r border-border overflow-y-auto flex-shrink-0`}>\n              {sidebar}\n            </aside>\n          )}\n\n          <main className={`flex-1 overflow-y-auto ${contentClassName}`}>\n            {children}\n          </main>\n\n          {sidebar && sidebarPosition === 'right' && (\n            <aside className={`${sidebarWidth} border-l border-border overflow-y-auto flex-shrink-0`}>\n              {sidebar}\n            </aside>\n          )}\n        </div>\n\n        {footer && (\n          <div className=\"border-t border-border\">\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Standard variant - default padded layout\n  return (\n    <div className={`h-full flex flex-col ${className}`}>\n      {/* Header */}\n      {(title || extra) && (\n        <>\n          <div className=\"px-page py-4\">\n            <div className=\"flex items-start justify-between gap-4\">\n              <div className=\"flex-1 min-w-0\">\n                {title && <h1 className=\"text-page-title font-semibold mb-2\">{title}</h1>}\n                {subtitle && <p className=\"text-sm text-muted-foreground\">{subtitle}</p>}\n              </div>\n              {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n            </div>\n          </div>\n          {showHeaderSeparator && <Separator />}\n        </>\n      )}\n\n      {/* Content */}\n      <main className={`flex-1 overflow-y-auto p-page ${contentClassName}`}>\n        {children}\n      </main>\n\n      {/* Footer */}\n      {footer && (\n        <>\n          <Separator />\n          <div className=\"px-page py-4\">\n            {footer}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\n/**\n * Convenience wrapper for standard layout\n */\nexport function StandardPageContainer(props: Omit<PageContainerProps, 'variant'>) {\n  return <PageContainer {...props} variant=\"standard\" />;\n}\n\n/**\n * Convenience wrapper for split layout with sidebar\n */\nexport function SplitPageContainer(props: Omit<PageContainerProps, 'variant'>) {\n  return <PageContainer {...props} variant=\"split\" />;\n}\n\n/**\n * Convenience wrapper for full width layout\n */\nexport function FullWidthPageContainer(props: Omit<PageContainerProps, 'variant' | 'title' | 'subtitle' | 'extra'>) {\n  return <PageContainer {...props} variant=\"full\" />;\n}\n"]}