@omnifyjp/ui 0.4.4 → 0.5.0

package/dist/chunk-DTM76EJD.js

@@ -0,0 +1,235 @@
+import { useOrganization } from './chunk-SHHZRZMM.js';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from '@omnifyjp/ui-components/components/button';
+import { Input } from '@omnifyjp/ui-components/components/input';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@omnifyjp/ui-components/components/dialog';
+import { ArrowLeftRight, Building2, ArrowRight, MapPin, Check, Search } from 'lucide-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function OrganizationSelector({ variant = "header" }) {
+  const {
+    organizations,
+    selectedOrganization,
+    selectedBranch,
+    setSelectedOrganization,
+    setSelectedBranch,
+    getBranchesByOrg
+  } = useOrganization();
+  const { t } = useTranslation("shell");
+  const [showChangeModal, setShowChangeModal] = useState(false);
+  const [step, setStep] = useState("organization");
+  const [tempOrgId, setTempOrgId] = useState("");
+  const [tempBranchId, setTempBranchId] = useState("");
+  const [branchSearch, setBranchSearch] = useState("");
+  const handleOpenChange = () => {
+    setShowChangeModal(true);
+    setStep("organization");
+    setTempOrgId(selectedOrganization?.id || "");
+    setTempBranchId("");
+    setBranchSearch("");
+  };
+  const handleOrganizationNext = () => {
+    const org = organizations.find((o) => o.id === tempOrgId);
+    if (org) {
+      setSelectedOrganization(org);
+      setStep("branch");
+      setTempBranchId("");
+      setBranchSearch("");
+    }
+  };
+  const handleBranchComplete = () => {
+    const branch = getBranchesByOrg(selectedOrganization.id).find((b) => b.id === tempBranchId);
+    if (branch) {
+      setSelectedBranch(branch);
+      setShowChangeModal(false);
+    }
+  };
+  const availableBranches = selectedOrganization ? getBranchesByOrg(selectedOrganization.id) : [];
+  const filteredBranches = availableBranches.filter(
+    (b) => b.name.toLowerCase().includes(branchSearch.toLowerCase()) || b.location?.toLowerCase().includes(branchSearch.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    variant === "header" ? /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        onClick: handleOpenChange,
+        className: "gap-2 px-3",
+        children: [
+          selectedOrganization && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-5 h-5 rounded flex items-center justify-center text-white font-bold text-[10px] flex-shrink-0",
+              style: { backgroundColor: selectedOrganization.color },
+              children: selectedOrganization.shortName
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate max-w-[120px]", children: selectedOrganization?.name || t("org.noOrgSelected") }),
+            selectedBranch && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/" }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground truncate max-w-[100px]", children: selectedBranch.name })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowLeftRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between gap-2 cursor-pointer hover:bg-sidebar-accent transition-colors rounded-md px-4 py-3",
+        onClick: handleOpenChange,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+            selectedOrganization && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs flex-shrink-0",
+                style: { backgroundColor: selectedOrganization.color },
+                children: selectedOrganization.shortName
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold text-sm truncate", children: selectedOrganization?.name || t("org.noOrgSelected") }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: selectedBranch?.name || t("org.noBranchSelected") })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowLeftRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open: showChangeModal, onOpenChange: setShowChangeModal, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[520px]", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold", children: step === "organization" ? t("org.selectOrg") : t("org.selectBranch") }),
+        /* @__PURE__ */ jsx(DialogDescription, { className: "text-sm", children: step === "organization" ? t("org.selectOrgDesc") : t("org.selectBranchDesc") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${step === "organization" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: [
+            /* @__PURE__ */ jsx(Building2, { className: "w-4 h-4" }),
+            t("org.orgStep")
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${step === "branch" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "w-4 h-4" }),
+            t("org.branchStep")
+          ] })
+        ] }),
+        step === "organization" && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: "space-y-2", children: organizations.map((org) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${tempOrgId === org.id ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/30 hover:bg-accent"}`,
+              onClick: () => setTempOrgId(org.id),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm flex-shrink-0",
+                    style: { backgroundColor: org.color },
+                    children: org.shortName
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: org.name }),
+                  org.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: org.description }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: t("org.branchCount", { count: getBranchesByOrg(org.id).length }) })
+                ] }),
+                tempOrgId === org.id && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) })
+              ]
+            },
+            org.id
+          )) }),
+          /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: handleOrganizationNext,
+              disabled: !tempOrgId,
+              size: "lg",
+              className: "gap-2",
+              children: [
+                t("common.next"),
+                /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
+              ]
+            }
+          ) })
+        ] }),
+        step === "branch" && selectedOrganization && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-muted rounded-lg border border-border", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1.5", children: t("org.selectedOrg") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs",
+                  style: { backgroundColor: selectedOrganization.color },
+                  children: selectedOrganization.shortName
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: selectedOrganization.name })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "relative mb-3", children: [
+            /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                placeholder: t("org.searchBranch"),
+                value: branchSearch,
+                onChange: (e) => setBranchSearch(e.target.value),
+                className: "pl-9"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[280px] overflow-y-auto", children: filteredBranches.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: t("org.noBranchFound") }) : filteredBranches.map((branch) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${tempBranchId === branch.id ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/30 hover:bg-accent"}`,
+              onClick: () => setTempBranchId(branch.id),
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-lg bg-muted flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5 text-muted-foreground" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: branch.name }),
+                  branch.location && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: branch.location })
+                ] }),
+                tempBranchId === branch.id && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) })
+              ]
+            },
+            branch.id
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-between", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                onClick: () => {
+                  setStep("organization");
+                  setTempOrgId(selectedOrganization.id);
+                },
+                children: t("common.back")
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                onClick: handleBranchComplete,
+                disabled: !tempBranchId,
+                size: "lg",
+                className: "gap-2",
+                children: [
+                  t("common.complete"),
+                  /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
+export { OrganizationSelector };
+//# sourceMappingURL=chunk-DTM76EJD.js.map
+//# sourceMappingURL=chunk-DTM76EJD.js.map

package/dist/chunk-DTM76EJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OrganizationSelector.tsx"],"names":[],"mappings":"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","file":"chunk-DTM76EJD.js","sourcesContent":["import { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useOrganization } from '../contexts/OrganizationContext';\nimport { Button } from '@omnifyjp/ui-components/components/button';\nimport { Input } from '@omnifyjp/ui-components/components/input';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@omnifyjp/ui-components/components/dialog';\nimport { Building2, ArrowLeftRight, Check, Search, MapPin, ArrowRight } from 'lucide-react';\n\ninterface OrganizationSelectorProps {\n  variant?: 'header' | 'sidebar';\n}\n\nexport function OrganizationSelector({ variant = 'header' }: OrganizationSelectorProps) {\n  const {\n    organizations,\n    selectedOrganization,\n    selectedBranch,\n    setSelectedOrganization,\n    setSelectedBranch,\n    getBranchesByOrg,\n  } = useOrganization();\n\n  const { t } = useTranslation('shell');\n\n  const [showChangeModal, setShowChangeModal] = useState(false);\n  const [step, setStep] = useState<'organization' | 'branch'>('organization');\n  const [tempOrgId, setTempOrgId] = useState<string>('');\n  const [tempBranchId, setTempBranchId] = useState<string>('');\n  const [branchSearch, setBranchSearch] = useState('');\n\n  const handleOpenChange = () => {\n    setShowChangeModal(true);\n    setStep('organization');\n    setTempOrgId(selectedOrganization?.id || '');\n    setTempBranchId('');\n    setBranchSearch('');\n  };\n\n  const handleOrganizationNext = () => {\n    const org = organizations.find(o => o.id === tempOrgId);\n    if (org) {\n      setSelectedOrganization(org);\n      setStep('branch');\n      setTempBranchId('');\n      setBranchSearch('');\n    }\n  };\n\n  const handleBranchComplete = () => {\n    const branch = getBranchesByOrg(selectedOrganization!.id).find(b => b.id === tempBranchId);\n    if (branch) {\n      setSelectedBranch(branch);\n      setShowChangeModal(false);\n    }\n  };\n\n  const availableBranches = selectedOrganization ? getBranchesByOrg(selectedOrganization.id) : [];\n  const filteredBranches = availableBranches.filter((b) =>\n    b.name.toLowerCase().includes(branchSearch.toLowerCase()) ||\n    b.location?.toLowerCase().includes(branchSearch.toLowerCase())\n  );\n\n  return (\n    <>\n      {variant === 'header' ? (\n        <Button\n          variant=\"outline\"\n          onClick={handleOpenChange}\n          className=\"gap-2 px-3\"\n        >\n          {selectedOrganization && (\n            <div\n              className=\"w-5 h-5 rounded flex items-center justify-center text-white font-bold text-[10px] flex-shrink-0\"\n              style={{ backgroundColor: selectedOrganization.color }}\n            >\n              {selectedOrganization.shortName}\n            </div>\n          )}\n          <div className=\"flex items-center gap-1.5 min-w-0\">\n            <span className=\"text-sm font-medium truncate max-w-[120px]\">\n              {selectedOrganization?.name || t('org.noOrgSelected')}\n            </span>\n            {selectedBranch && (\n              <>\n                <span className=\"text-muted-foreground\">/</span>\n                <span className=\"text-sm text-muted-foreground truncate max-w-[100px]\">\n                  {selectedBranch.name}\n                </span>\n              </>\n            )}\n          </div>\n          <ArrowLeftRight className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n        </Button>\n      ) : (\n        <div\n          className=\"flex items-center justify-between gap-2 cursor-pointer hover:bg-sidebar-accent transition-colors rounded-md px-4 py-3\"\n          onClick={handleOpenChange}\n        >\n          <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n            {selectedOrganization && (\n              <div\n                className=\"w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs flex-shrink-0\"\n                style={{ backgroundColor: selectedOrganization.color }}\n              >\n                {selectedOrganization.shortName}\n              </div>\n            )}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"font-semibold text-sm truncate\">\n                {selectedOrganization?.name || t('org.noOrgSelected')}\n              </div>\n              <div className=\"text-xs text-muted-foreground truncate mt-0.5\">\n                {selectedBranch?.name || t('org.noBranchSelected')}\n              </div>\n            </div>\n          </div>\n          <ArrowLeftRight className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n        </div>\n      )}\n\n      <Dialog open={showChangeModal} onOpenChange={setShowChangeModal}>\n        <DialogContent className=\"sm:max-w-[520px]\">\n          <DialogHeader>\n            <DialogTitle className=\"text-xl font-semibold\">\n              {step === 'organization' ? t('org.selectOrg') : t('org.selectBranch')}\n            </DialogTitle>\n            <DialogDescription className=\"text-sm\">\n              {step === 'organization'\n                ? t('org.selectOrgDesc')\n                : t('org.selectBranchDesc')}\n            </DialogDescription>\n          </DialogHeader>\n\n          <div className=\"mt-4\">\n            <div className=\"flex items-center gap-2 mb-6\">\n              <div className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${\n                step === 'organization' ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground'\n              }`}>\n                <Building2 className=\"w-4 h-4\" />\n                {t('org.orgStep')}\n              </div>\n              <ArrowRight className=\"w-4 h-4 text-muted-foreground\" />\n              <div className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${\n                step === 'branch' ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground'\n              }`}>\n                <MapPin className=\"w-4 h-4\" />\n                {t('org.branchStep')}\n              </div>\n            </div>\n\n            {step === 'organization' && (\n              <div>\n                <div className=\"space-y-2\">\n                  {organizations.map((org) => (\n                    <div\n                      key={org.id}\n                      className={`relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${\n                        tempOrgId === org.id\n                          ? 'border-primary bg-primary/5'\n                          : 'border-border hover:border-muted-foreground/30 hover:bg-accent'\n                      }`}\n                      onClick={() => setTempOrgId(org.id)}\n                    >\n                      <div\n                        className=\"w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm flex-shrink-0\"\n                        style={{ backgroundColor: org.color }}\n                      >\n                        {org.shortName}\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"font-semibold text-base\">{org.name}</div>\n                        {org.description && (\n                          <div className=\"text-sm text-muted-foreground\">{org.description}</div>\n                        )}\n                        <div className=\"text-xs text-muted-foreground mt-1\">\n                          {t('org.branchCount', { count: getBranchesByOrg(org.id).length })}\n                        </div>\n                      </div>\n                      {tempOrgId === org.id && (\n                        <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center\">\n                          <Check className=\"w-4 h-4 text-white\" />\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n\n                <div className=\"mt-6 flex justify-end\">\n                  <Button\n                    onClick={handleOrganizationNext}\n                    disabled={!tempOrgId}\n                    size=\"lg\"\n                    className=\"gap-2\"\n                  >\n                    {t('common.next')}\n                    <ArrowRight className=\"w-4 h-4\" />\n                  </Button>\n                </div>\n              </div>\n            )}\n\n            {step === 'branch' && selectedOrganization && (\n              <div>\n                <div className=\"mb-4 p-3 bg-muted rounded-lg border border-border\">\n                  <div className=\"text-xs text-muted-foreground mb-1.5\">{t('org.selectedOrg')}</div>\n                  <div className=\"flex items-center gap-2\">\n                    <div\n                      className=\"w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs\"\n                      style={{ backgroundColor: selectedOrganization.color }}\n                    >\n                      {selectedOrganization.shortName}\n                    </div>\n                    <span className=\"font-semibold\">{selectedOrganization.name}</span>\n                  </div>\n                </div>\n\n                <div className=\"relative mb-3\">\n                  <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n                  <Input\n                    placeholder={t('org.searchBranch')}\n                    value={branchSearch}\n                    onChange={(e) => setBranchSearch(e.target.value)}\n                    className=\"pl-9\"\n                  />\n                </div>\n\n                <div className=\"space-y-2 max-h-[280px] overflow-y-auto\">\n                  {filteredBranches.length === 0 ? (\n                    <div className=\"py-6 text-center text-sm text-muted-foreground\">\n                      {t('org.noBranchFound')}\n                    </div>\n                  ) : (\n                    filteredBranches.map((branch) => (\n                      <div\n                        key={branch.id}\n                        className={`relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${\n                          tempBranchId === branch.id\n                            ? 'border-primary bg-primary/5'\n                            : 'border-border hover:border-muted-foreground/30 hover:bg-accent'\n                        }`}\n                        onClick={() => setTempBranchId(branch.id)}\n                      >\n                        <div className=\"w-10 h-10 rounded-lg bg-muted flex items-center justify-center flex-shrink-0\">\n                          <MapPin className=\"w-5 h-5 text-muted-foreground\" />\n                        </div>\n                        <div className=\"flex-1 min-w-0\">\n                          <div className=\"font-semibold text-base\">{branch.name}</div>\n                          {branch.location && (\n                            <div className=\"text-sm text-muted-foreground\">{branch.location}</div>\n                          )}\n                        </div>\n                        {tempBranchId === branch.id && (\n                          <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center\">\n                            <Check className=\"w-4 h-4 text-white\" />\n                          </div>\n                        )}\n                      </div>\n                    ))\n                  )}\n                </div>\n\n                <div className=\"mt-6 flex justify-between\">\n                  <Button\n                    variant=\"outline\"\n                    onClick={() => {\n                      setStep('organization');\n                      setTempOrgId(selectedOrganization.id);\n                    }}\n                  >\n                    {t('common.back')}\n                  </Button>\n                  <Button\n                    onClick={handleBranchComplete}\n                    disabled={!tempBranchId}\n                    size=\"lg\"\n                    className=\"gap-2\"\n                  >\n                    {t('common.complete')}\n                    <ArrowRight className=\"w-4 h-4\" />\n                  </Button>\n                </div>\n              </div>\n            )}\n          </div>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"]}

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-JXFBHSPN.js

@@ -0,0 +1,37 @@
+import { ThemeProvider } from './chunk-EJEVW4RO.js';
+import { i18n } from './chunk-OY3PSPA5.js';
+import { Sidebar } from './chunk-X57K24P3.js';
+import { Header } from './chunk-5D3OAVOZ.js';
+import { OrganizationSetupModal } from './chunk-2ZIFL2X3.js';
+import { OrganizationProvider } from './chunk-SHHZRZMM.js';
+import { Outlet } from 'react-router';
+import { I18nextProvider } from 'react-i18next';
+import { Toaster } from '@omnifyjp/ui-components/components/sonner';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AppShell({ config, extra }) {
+  const { organization } = config;
+  return /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(
+    OrganizationProvider,
+    {
+      organizations: organization?.organizations,
+      branches: organization?.branches,
+      onOrganizationChange: organization?.onOrganizationChange,
+      onBranchChange: organization?.onBranchChange,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex h-screen bg-background text-foreground", children: [
+        /* @__PURE__ */ jsx(Sidebar, { config }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx(Header, { config }),
+          /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(Outlet, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(Toaster, { richColors: true, position: "bottom-right" }),
+        extra,
+        /* @__PURE__ */ jsx(OrganizationSetupModal, {})
+      ] })
+    }
+  ) }) });
+}
+
+export { AppShell };
+//# sourceMappingURL=chunk-JXFBHSPN.js.map
+//# sourceMappingURL=chunk-JXFBHSPN.js.map

package/dist/chunk-JXFBHSPN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAgCO,SAAS,QAAA,CAAS,EAAE,MAAA,EAAQ,KAAA,EAAM,EAAkB;AACzD,EAAA,MAAM,EAAE,cAAa,GAAI,MAAA;AAEzB,EAAA,uBACE,GAAA,CAAC,aAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EACf,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,eAAe,YAAA,EAAc,aAAA;AAAA,MAC7B,UAAU,YAAA,EAAc,QAAA;AAAA,MACxB,sBAAsB,YAAA,EAAc,oBAAA;AAAA,MACpC,gBAAgB,YAAA,EAAc,cAAA;AAAA,MAE9B,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,MAAA,EAAgB,CAAA;AAAA,wBACzB,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAO,MAAA,EAAgB,CAAA;AAAA,8BACvB,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EACd,QAAA,kBAAA,GAAA,CAAC,UAAO,CAAA,EACV;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,OAAA,EAAA,EAAQ,UAAA,EAAU,IAAA,EAAC,UAAS,cAAA,EAAe,CAAA;AAAA,QAC3C,KAAA;AAAA,4BACA,sBAAA,EAAA,EAAuB;AAAA,OAAA,EAC1B;AAAA;AAAA,KAEJ,CAAA,EACF,CAAA;AAEJ","file":"chunk-JXFBHSPN.js","sourcesContent":["import { ReactNode } from 'react';\nimport { Outlet } from 'react-router';\nimport { I18nextProvider } from 'react-i18next';\nimport { Toaster } from '@omnifyjp/ui-components/components/sonner';\nimport { ThemeProvider } from '../contexts/ThemeContext';\nimport { OrganizationProvider } from '../contexts/OrganizationContext';\nimport { Sidebar } from './Sidebar';\nimport { Header } from './Header';\nimport { OrganizationSetupModal } from './OrganizationSetupModal';\nimport { i18n } from '../i18n';\nimport type { ShellConfig } from '../types';\n\ninterface AppShellProps {\n  config: ShellConfig;\n  /** Extra content to render alongside the main content (e.g., ChatWidget) */\n  extra?: ReactNode;\n}\n\n/**\n * The main application shell.\n * Use as a route layout element in React Router:\n *\n * ```tsx\n * const router = createBrowserRouter([{\n *   path: '/',\n *   element: <AppShell config={config} />,\n *   children: [\n *     { index: true, element: <Dashboard /> },\n *   ],\n * }]);\n * ```\n */\nexport function AppShell({ config, extra }: AppShellProps) {\n  const { organization } = config;\n\n  return (\n    <ThemeProvider>\n      <I18nextProvider i18n={i18n}>\n        <OrganizationProvider\n          organizations={organization?.organizations}\n          branches={organization?.branches}\n          onOrganizationChange={organization?.onOrganizationChange}\n          onBranchChange={organization?.onBranchChange}\n        >\n          <div className=\"flex h-screen bg-background text-foreground\">\n            <Sidebar config={config} />\n            <div className=\"flex-1 flex flex-col overflow-hidden\">\n              <Header config={config} />\n              <main className=\"flex-1 overflow-auto\">\n                <Outlet />\n              </main>\n            </div>\n            <Toaster richColors position=\"bottom-right\" />\n            {extra}\n            <OrganizationSetupModal />\n          </div>\n        </OrganizationProvider>\n      </I18nextProvider>\n    </ThemeProvider>\n  );\n}\n"]}

package/dist/chunk-O25D7DCP.js

@@ -0,0 +1,72 @@
+import { Separator } from '@omnifyjp/ui-components/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-O25D7DCP.js.map
+//# sourceMappingURL=chunk-O25D7DCP.js.map

package/dist/chunk-O25D7DCP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PageContainer.tsx"],"names":[],"mappings":"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","file":"chunk-O25D7DCP.js","sourcesContent":["import { ReactNode } from 'react';\nimport { Separator } from '@omnifyjp/ui-components/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"]}