@mesob/auth-react 0.4.7 → 0.5.2

package/dist/chunk-QPEUVMSP.js

@@ -1,149 +0,0 @@
-import {
-  str
-} from "./chunk-EWXK56WQ.js";
-import {
-  IAMGuard
-} from "./chunk-V6ZHX4LT.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-AWSAC7RT.js";
-
-// src/pages/iam/tenants/tenant-detail-page-content.tsx
-import {
-  Button,
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  EntityDetailHeader,
-  PageContainer,
-  useBreadcrumbs
-} from "@mesob/ui/components";
-import { IconBuilding } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function TenantDetailPageContent({
-  tenantId
-}) {
-  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(TenantDetailPageContentInner, { tenantId }) });
-}
-function TenantDetailPageContentInner({
-  tenantId
-}) {
-  const { hooks } = useApi();
-  const { config } = useConfig();
-  const homeHref = config.navigation?.defaultRedirectUrl || "/";
-  const qc = useQueryClient();
-  const { data, isLoading } = hooks.useQuery(
-    "get",
-    "/tenants/{id}",
-    { params: { path: { id: tenantId } } },
-    { enabled: !!tenantId }
-  );
-  const tenant = data?.tenant;
-  const toggleActive = hooks.useMutation("put", "/tenants/{id}", {
-    onSuccess: () => {
-      qc.invalidateQueries({ queryKey: ["get", "/tenants/{id}"] });
-      qc.invalidateQueries({ queryKey: ["get", "/tenants"] });
-    }
-  });
-  const title = tenant ? str(tenant.name) || tenant.id : tenantId ?? "Tenant";
-  useBreadcrumbs({
-    items: [
-      { label: "Home", href: homeHref },
-      { label: "IAM", href: "/iam" },
-      { label: "Tenants", href: "/iam/tenants" },
-      { label: title }
-    ]
-  });
-  const tabs = useMemo(
-    () => [
-      {
-        value: "detail",
-        name: "Detail",
-        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Tenant details" }) }),
-          /* @__PURE__ */ jsx(CardContent, { className: "space-y-2 text-sm", children: tenant && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Name:" }),
-              " ",
-              str(tenant.name) || "\u2014"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Description:" }),
-              " ",
-              str(tenant.description) || "\u2014"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Language:" }),
-              " ",
-              tenant.defaultLanguage ?? "\u2014"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Currency:" }),
-              " ",
-              tenant.defaultCurrency ?? "\u2014"
-            ] }),
-            /* @__PURE__ */ jsxs("p", { children: [
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Timezone:" }),
-              " ",
-              tenant.timezone ?? "\u2014"
-            ] })
-          ] }) })
-        ] })
-      },
-      {
-        value: "theme",
-        name: "Theme",
-        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Theme" }) }),
-          /* @__PURE__ */ jsx(CardContent, { className: "text-muted-foreground text-sm", children: "Theme settings (placeholder)" })
-        ] })
-      },
-      {
-        value: "settings",
-        name: "Settings",
-        content: /* @__PURE__ */ jsxs(Card, { className: "mt-4", children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Settings" }) }),
-          /* @__PURE__ */ jsx(CardContent, { className: "text-muted-foreground text-sm", children: "Tenant settings (placeholder)" })
-        ] })
-      }
-    ],
-    [tenant]
-  );
-  const actions = tenant && /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: tenant.isActive ? "secondary" : "default",
-      size: "sm",
-      onClick: () => toggleActive.mutate({
-        params: { path: { id: tenantId } },
-        body: { isActive: !tenant.isActive }
-      }),
-      disabled: toggleActive.isPending,
-      children: tenant.isActive ? "Deactivate" : "Activate"
-    }
-  );
-  if (!tenantId) {
-    return null;
-  }
-  if (isLoading || !tenant) {
-    return /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsx("div", { className: "h-24 animate-pulse rounded-xl bg-muted" }) });
-  }
-  return /* @__PURE__ */ jsx(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsx(
-    EntityDetailHeader,
-    {
-      title,
-      icon: /* @__PURE__ */ jsx(IconBuilding, { className: "h-5 w-5 text-muted-foreground" }),
-      actions,
-      tabs
-    }
-  ) });
-}
-
-export {
-  TenantDetailPageContent
-};
-//# sourceMappingURL=chunk-QPEUVMSP.js.map

package/dist/chunk-QPEUVMSP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/iam/tenants/tenant-detail-page-content.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EntityDetailHeader,\n  PageContainer,\n  type TabItem,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconBuilding } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { IAMGuard } from '../../../components/iam/iam-guard';\nimport { useApi, useConfig } from '../../../provider';\nimport { str } from './_components/tenants-data';\n\ntype TenantDetailPageContentProps = {\n  tenantId: string;\n};\n\nexport function TenantDetailPageContent({\n  tenantId,\n}: TenantDetailPageContentProps) {\n  return (\n    <IAMGuard>\n      <TenantDetailPageContentInner tenantId={tenantId} />\n    </IAMGuard>\n  );\n}\n\nfunction TenantDetailPageContentInner({\n  tenantId,\n}: TenantDetailPageContentProps) {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const qc = useQueryClient();\n\n  const { data, isLoading } = hooks.useQuery(\n    'get',\n    '/tenants/{id}',\n    { params: { path: { id: tenantId } } },\n    { enabled: !!tenantId },\n  );\n  const tenant = data?.tenant;\n\n  const toggleActive = hooks.useMutation('put', '/tenants/{id}', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/tenants/{id}'] });\n      qc.invalidateQueries({ queryKey: ['get', '/tenants'] });\n    },\n  });\n\n  const title = tenant ? str(tenant.name) || tenant.id : (tenantId ?? 'Tenant');\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam' },\n      { label: 'Tenants', href: '/iam/tenants' },\n      { label: title },\n    ],\n  });\n\n  const tabs: TabItem[] = useMemo(\n    () => [\n      {\n        value: 'detail',\n        name: 'Detail',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Tenant details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              {tenant && (\n                <>\n                  <p>\n                    <span className=\"text-muted-foreground\">Name:</span>{' '}\n                    {str(tenant.name) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Description:</span>{' '}\n                    {str(tenant.description) || '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Language:</span>{' '}\n                    {tenant.defaultLanguage ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Currency:</span>{' '}\n                    {tenant.defaultCurrency ?? '—'}\n                  </p>\n                  <p>\n                    <span className=\"text-muted-foreground\">Timezone:</span>{' '}\n                    {tenant.timezone ?? '—'}\n                  </p>\n                </>\n              )}\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'theme',\n        name: 'Theme',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Theme</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Theme settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n      {\n        value: 'settings',\n        name: 'Settings',\n        content: (\n          <Card className=\"mt-4\">\n            <CardHeader>\n              <CardTitle>Settings</CardTitle>\n            </CardHeader>\n            <CardContent className=\"text-muted-foreground text-sm\">\n              Tenant settings (placeholder)\n            </CardContent>\n          </Card>\n        ),\n      },\n    ],\n    [tenant],\n  );\n\n  const actions = tenant && (\n    <Button\n      variant={tenant.isActive ? 'secondary' : 'default'}\n      size=\"sm\"\n      onClick={() =>\n        toggleActive.mutate({\n          params: { path: { id: tenantId } },\n          body: { isActive: !tenant.isActive },\n        })\n      }\n      disabled={toggleActive.isPending}\n    >\n      {tenant.isActive ? 'Deactivate' : 'Activate'}\n    </Button>\n  );\n\n  if (!tenantId) {\n    return null;\n  }\n  if (isLoading || !tenant) {\n    return (\n      <div className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n        <div className=\"h-24 animate-pulse rounded-xl bg-muted\" />\n      </div>\n    );\n  }\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <EntityDetailHeader\n        title={title}\n        icon={<IconBuilding className=\"h-5 w-5 text-muted-foreground\" />}\n        actions={actions}\n        tabs={tabs}\n      />\n    </PageContainer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-RCQTWNAG.js

@@ -1,150 +0,0 @@
-import {
-  RoleForm,
-  RolesList
-} from "./chunk-MQI6Q2S4.js";
-import {
-  defaultEntityQueryOptions
-} from "./chunk-NPW7D2HZ.js";
-import {
-  IAMGuard
-} from "./chunk-V6ZHX4LT.js";
-import {
-  useApi,
-  useConfig
-} from "./chunk-AWSAC7RT.js";
-
-// src/components/iam/roles-page.tsx
-import {
-  Button,
-  EntityDrawerTrigger,
-  EntityFilter,
-  EntityHeader,
-  EntitySearch,
-  EntitySort,
-  EntityViewToggle,
-  PageBody,
-  PageContainer,
-  useBreadcrumbs,
-  useEntityPagination,
-  useEntityParams
-} from "@mesob/ui/components";
-import { IconShield } from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useState } from "react";
-import { toast } from "sonner";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RolesPage() {
-  return /* @__PURE__ */ jsx(IAMGuard, { children: /* @__PURE__ */ jsx(RolesPageContent, {}) });
-}
-function RolesPageContent() {
-  const { hooks } = useApi();
-  const { config } = useConfig();
-  const homeHref = config.navigation?.defaultRedirectUrl || "/";
-  const qc = useQueryClient();
-  useBreadcrumbs({
-    items: [
-      { label: "Home", href: homeHref },
-      { label: "IAM", href: "/iam/roles" },
-      { label: "Roles" }
-    ]
-  });
-  const [createOpen, setCreateOpen] = useState(false);
-  const { queryConfig, params, setParams } = useEntityParams({
-    searchKey: "search"
-  });
-  const rolesQuery = queryConfig;
-  const { data, isPending, isFetching } = hooks.useQuery(
-    "get",
-    "/roles",
-    rolesQuery,
-    defaultEntityQueryOptions
-  );
-  const seedRoles = hooks.useMutation("post", "/roles/seed", {
-    onSuccess: () => {
-      qc.invalidateQueries({ queryKey: ["get", "/roles"] });
-      toast.success("Roles seeded");
-    },
-    onError: () => {
-      toast.error("Failed to seed roles");
-    }
-  });
-  const isLoading = isPending || isFetching;
-  const roles = data?.roles ?? [];
-  const { total, pageCount } = useEntityPagination({
-    items: roles,
-    total: data?.total,
-    pageSize: params.pageSize
-  });
-  return /* @__PURE__ */ jsx(PageContainer, { className: "flex flex-1 flex-col gap-4 p-4 pt-0", children: /* @__PURE__ */ jsxs(PageBody, { className: "px-0", children: [
-    /* @__PURE__ */ jsx(
-      EntityHeader,
-      {
-        icon: /* @__PURE__ */ jsx(IconShield, { className: "h-5 w-5" }),
-        title: "Roles",
-        actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              onClick: () => seedRoles.mutate({}),
-              loading: seedRoles.isPending,
-              children: "Seed Roles"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            EntityDrawerTrigger,
-            {
-              mode: "new",
-              entity: "Role",
-              open: createOpen,
-              onOpenChange: setCreateOpen,
-              children: (open, onClose) => /* @__PURE__ */ jsx(RoleForm, { mode: "new", open, onClose })
-            }
-          )
-        ] }),
-        search: /* @__PURE__ */ jsx(EntitySearch, { paramKey: "search", placeholder: "Search roles..." }),
-        filter: /* @__PURE__ */ jsx(
-          EntityFilter,
-          {
-            options: [
-              { label: "All", value: "" },
-              { label: "By Code", value: "code" }
-            ],
-            placeholder: "Filter"
-          }
-        ),
-        sort: /* @__PURE__ */ jsx(
-          EntitySort,
-          {
-            options: [
-              { label: "Created", value: "createdAt" },
-              { label: "Updated", value: "updatedAt" },
-              { label: "Code", value: "code" }
-            ]
-          }
-        ),
-        view: /* @__PURE__ */ jsx(EntityViewToggle, { views: ["table", "card"] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RolesList,
-      {
-        data: roles,
-        isLoading,
-        view: params.view || "table",
-        pageIndex: params.page - 1,
-        pageSize: params.pageSize,
-        pageCount,
-        totalRows: total,
-        onCreateNew: () => setCreateOpen(true),
-        onPageChange: (p) => setParams({ page: p + 1 }),
-        onPageSizeChange: (size) => setParams({ pageSize: size, page: 1 })
-      }
-    )
-  ] }) });
-}
-
-export {
-  RolesPage
-};
-//# sourceMappingURL=chunk-RCQTWNAG.js.map

package/dist/chunk-RCQTWNAG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/iam/roles-page.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Button,\n  EntityDrawerTrigger,\n  EntityFilter,\n  EntityHeader,\n  EntitySearch,\n  EntitySort,\n  EntityViewToggle,\n  PageBody,\n  PageContainer,\n  useBreadcrumbs,\n  useEntityPagination,\n  useEntityParams,\n} from '@mesob/ui/components';\nimport { IconShield } from '@tabler/icons-react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { toast } from 'sonner';\nimport type { paths } from '../../data/openapi';\nimport { defaultEntityQueryOptions } from '../../lib/query-options';\nimport { RoleForm } from '../../pages/iam/roles/_components/role-form';\nimport { RolesList } from '../../pages/iam/roles/_components/roles-list';\nimport { useApi, useConfig } from '../../provider';\nimport { IAMGuard } from './iam-guard';\n\nexport function RolesPage() {\n  return (\n    <IAMGuard>\n      <RolesPageContent />\n    </IAMGuard>\n  );\n}\n\nfunction RolesPageContent() {\n  const { hooks } = useApi();\n  const { config } = useConfig();\n  const homeHref = config.navigation?.defaultRedirectUrl || '/';\n  const qc = useQueryClient();\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: homeHref },\n      { label: 'IAM', href: '/iam/roles' },\n      { label: 'Roles' },\n    ],\n  });\n\n  const [createOpen, setCreateOpen] = useState(false);\n  const { queryConfig, params, setParams } = useEntityParams({\n    searchKey: 'search',\n  });\n  const rolesQuery = queryConfig as {\n    params: {\n      query: NonNullable<paths['/roles']['get']['parameters']['query']>;\n    };\n  };\n\n  const { data, isPending, isFetching } = hooks.useQuery(\n    'get',\n    '/roles',\n    rolesQuery,\n    defaultEntityQueryOptions,\n  );\n\n  const seedRoles = hooks.useMutation('post', '/roles/seed', {\n    onSuccess: () => {\n      qc.invalidateQueries({ queryKey: ['get', '/roles'] });\n      toast.success('Roles seeded');\n    },\n    onError: () => {\n      toast.error('Failed to seed roles');\n    },\n  });\n\n  const isLoading = isPending || isFetching;\n  const roles = data?.roles ?? [];\n  const { total, pageCount } = useEntityPagination({\n    items: roles,\n    total: data?.total,\n    pageSize: params.pageSize,\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col gap-4 p-4 pt-0\">\n      <PageBody className=\"px-0\">\n        <EntityHeader\n          icon={<IconShield className=\"h-5 w-5\" />}\n          title=\"Roles\"\n          actions={\n            <div className=\"flex items-center gap-2\">\n              <Button\n                variant=\"outline\"\n                onClick={() => seedRoles.mutate({})}\n                loading={seedRoles.isPending}\n              >\n                Seed Roles\n              </Button>\n              <EntityDrawerTrigger\n                mode=\"new\"\n                entity=\"Role\"\n                open={createOpen}\n                onOpenChange={setCreateOpen}\n              >\n                {(open, onClose) => (\n                  <RoleForm mode=\"new\" open={open} onClose={onClose} />\n                )}\n              </EntityDrawerTrigger>\n            </div>\n          }\n          search={\n            <EntitySearch paramKey=\"search\" placeholder=\"Search roles...\" />\n          }\n          filter={\n            <EntityFilter\n              options={[\n                { label: 'All', value: '' },\n                { label: 'By Code', value: 'code' },\n              ]}\n              placeholder=\"Filter\"\n            />\n          }\n          sort={\n            <EntitySort\n              options={[\n                { label: 'Created', value: 'createdAt' },\n                { label: 'Updated', value: 'updatedAt' },\n                { label: 'Code', value: 'code' },\n              ]}\n            />\n          }\n          view={<EntityViewToggle views={['table', 'card']} />}\n        />\n        <RolesList\n          data={roles}\n          isLoading={isLoading}\n          view={(params.view || 'table') as 'table' | 'card'}\n          pageIndex={params.page - 1}\n          pageSize={params.pageSize}\n          pageCount={pageCount}\n          totalRows={total}\n          onCreateNew={() => setCreateOpen(true)}\n          onPageChange={(p) => setParams({ page: p + 1 })}\n          onPageSizeChange={(size) => setParams({ pageSize: size, page: 1 })}\n        />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAWhB,cA4DM,YA5DN;AAHC,SAAS,YAAY;AAC1B,SACE,oBAAC,YACC,8BAAC,oBAAiB,GACpB;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,QAAM,EAAE,MAAM,IAAI,OAAO;AACzB,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,WAAW,OAAO,YAAY,sBAAsB;AAC1D,QAAM,KAAK,eAAe;AAC1B,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,SAAS;AAAA,MAChC,EAAE,OAAO,OAAO,MAAM,aAAa;AAAA,MACnC,EAAE,OAAO,QAAQ;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,EAAE,aAAa,QAAQ,UAAU,IAAI,gBAAgB;AAAA,IACzD,WAAW;AAAA,EACb,CAAC;AACD,QAAM,aAAa;AAMnB,QAAM,EAAE,MAAM,WAAW,WAAW,IAAI,MAAM;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY,MAAM,YAAY,QAAQ,eAAe;AAAA,IACzD,WAAW,MAAM;AACf,SAAG,kBAAkB,EAAE,UAAU,CAAC,OAAO,QAAQ,EAAE,CAAC;AACpD,YAAM,QAAQ,cAAc;AAAA,IAC9B;AAAA,IACA,SAAS,MAAM;AACb,YAAM,MAAM,sBAAsB;AAAA,IACpC;AAAA,EACF,CAAC;AAED,QAAM,YAAY,aAAa;AAC/B,QAAM,QAAQ,MAAM,SAAS,CAAC;AAC9B,QAAM,EAAE,OAAO,UAAU,IAAI,oBAAoB;AAAA,IAC/C,OAAO;AAAA,IACP,OAAO,MAAM;AAAA,IACb,UAAU,OAAO;AAAA,EACnB,CAAC;AAED,SACE,oBAAC,iBAAc,WAAU,uCACvB,+BAAC,YAAS,WAAU,QAClB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,oBAAC,cAAW,WAAU,WAAU;AAAA,QACtC,OAAM;AAAA,QACN,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAAS,MAAM,UAAU,OAAO,CAAC,CAAC;AAAA,cAClC,SAAS,UAAU;AAAA,cACpB;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,MAAM;AAAA,cACN,cAAc;AAAA,cAEb,WAAC,MAAM,YACN,oBAAC,YAAS,MAAK,OAAM,MAAY,SAAkB;AAAA;AAAA,UAEvD;AAAA,WACF;AAAA,QAEF,QACE,oBAAC,gBAAa,UAAS,UAAS,aAAY,mBAAkB;AAAA,QAEhE,QACE;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,cACP,EAAE,OAAO,OAAO,OAAO,GAAG;AAAA,cAC1B,EAAE,OAAO,WAAW,OAAO,OAAO;AAAA,YACpC;AAAA,YACA,aAAY;AAAA;AAAA,QACd;AAAA,QAEF,MACE;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,cACP,EAAE,OAAO,WAAW,OAAO,YAAY;AAAA,cACvC,EAAE,OAAO,WAAW,OAAO,YAAY;AAAA,cACvC,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,YACjC;AAAA;AAAA,QACF;AAAA,QAEF,MAAM,oBAAC,oBAAiB,OAAO,CAAC,SAAS,MAAM,GAAG;AAAA;AAAA,IACpD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA,MAAO,OAAO,QAAQ;AAAA,QACtB,WAAW,OAAO,OAAO;AAAA,QACzB,UAAU,OAAO;AAAA,QACjB;AAAA,QACA,WAAW;AAAA,QACX,aAAa,MAAM,cAAc,IAAI;AAAA,QACrC,cAAc,CAAC,MAAM,UAAU,EAAE,MAAM,IAAI,EAAE,CAAC;AAAA,QAC9C,kBAAkB,CAAC,SAAS,UAAU,EAAE,UAAU,MAAM,MAAM,EAAE,CAAC;AAAA;AAAA,IACnE;AAAA,KACF,GACF;AAEJ;","names":[]}