@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/_components/bookings-filter-bar.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit/button";
+import { DateRangeFilter } from "@withpotter/ui-kit/date-range-filter";
+import { FilterBar } from "@withpotter/ui-kit/filter-bar";
+import { FilterField, FilterOptions } from "@withpotter/ui-kit/filter-menu";
+import { BookingTabHints } from "./booking-tab-hints";
+function BookingsFilterBar({
+  searchQuery,
+  setSearchQuery,
+  bookingPlural,
+  activeFilterCount,
+  clearAllFilters,
+  activeTab,
+  handleTabChange,
+  statusOptions,
+  modeFilter,
+  setModeFilter,
+  modeOptions,
+  originFilter,
+  setOriginFilter,
+  originOptions,
+  actorFilter,
+  setActorFilter,
+  actorOptions,
+  dateFrom,
+  dateTo,
+  setDateFrom,
+  setDateTo,
+  setPage
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ jsxs(
+      FilterBar,
+      {
+        toolbar: true,
+        search: searchQuery,
+        onSearchChange: (next) => {
+          setSearchQuery(next);
+          setPage(1);
+        },
+        placeholder: `Search ${bookingPlural.toLowerCase()}\u2026`,
+        activeCount: activeFilterCount,
+        children: [
+          /* @__PURE__ */ jsx(
+            FilterOptions,
+            {
+              label: "Status",
+              value: activeTab,
+              onChange: (next) => {
+                handleTabChange(next);
+                setPage(1);
+              },
+              options: statusOptions
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterOptions,
+            {
+              label: "Mode",
+              value: modeFilter,
+              onChange: (next) => {
+                setModeFilter(next);
+                setPage(1);
+              },
+              options: modeOptions
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterOptions,
+            {
+              label: "Origin",
+              value: originFilter,
+              onChange: (next) => {
+                setOriginFilter(next);
+                setPage(1);
+              },
+              options: originOptions
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterOptions,
+            {
+              label: "Created by",
+              value: actorFilter,
+              onChange: (next) => {
+                setActorFilter(next);
+                setPage(1);
+              },
+              options: actorOptions
+            }
+          ),
+          /* @__PURE__ */ jsx(FilterField, { label: "Dates", children: /* @__PURE__ */ jsx(
+            DateRangeFilter,
+            {
+              size: "field",
+              dateFrom,
+              dateTo,
+              onChange: (from, to) => {
+                setDateFrom(from);
+                setDateTo(to);
+                setPage(1);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              disabled: activeFilterCount === 0,
+              onClick: clearAllFilters,
+              children: "Clear all"
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BookingTabHints,
+      {
+        tabs: statusOptions.map((o) => ({ key: o.value, ...o })),
+        idPrefix: "booking-tab-hint",
+        className: "mt-2"
+      }
+    )
+  ] });
+}
+export {
+  BookingsFilterBar
+};
+//# sourceMappingURL=bookings-filter-bar.js.map

package/dist/dashboard/(bookings)/bookings/_components/bookings-filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/bookings-filter-bar.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@withpotter/ui-kit/button';\nimport { DateRangeFilter } from '@withpotter/ui-kit/date-range-filter';\nimport { FilterBar } from '@withpotter/ui-kit/filter-bar';\nimport { FilterField, FilterOptions } from '@withpotter/ui-kit/filter-menu';\nimport type {\n  ActorFilterKey,\n  ModeFilterKey,\n  OriginFilterKey,\n  TabKey,\n} from '../_hooks/use-bookings-data';\nimport { BookingTabHints } from './booking-tab-hints';\n\ninterface Option {\n  value: string;\n  label: string;\n  description?: string;\n  count?: number;\n}\n\n/**\n * One filter row, the app's own — after orders and customers, the third and\n * last of the hand-rolled ones. `FilterBar` owns the search field, the toggle,\n * the disclosure state and the panel together; this page had all four as\n * separate pieces, with search and the button passed down to the table and the\n * panel placed from up here.\n *\n * It lives in its own file because the page reached 500 lines, which is the\n * house limit — and of everything on that page this is the piece that is one\n * thing: how the list is narrowed.\n */\nexport function BookingsFilterBar({\n  searchQuery,\n  setSearchQuery,\n  bookingPlural,\n  activeFilterCount,\n  clearAllFilters,\n  activeTab,\n  handleTabChange,\n  statusOptions,\n  modeFilter,\n  setModeFilter,\n  modeOptions,\n  originFilter,\n  setOriginFilter,\n  originOptions,\n  actorFilter,\n  setActorFilter,\n  actorOptions,\n  dateFrom,\n  dateTo,\n  setDateFrom,\n  setDateTo,\n  setPage,\n}: {\n  searchQuery: string;\n  setSearchQuery: (next: string) => void;\n  bookingPlural: string;\n  activeFilterCount: number;\n  clearAllFilters: () => void;\n  activeTab: TabKey;\n  handleTabChange: (next: TabKey) => void;\n  statusOptions: Option[];\n  modeFilter: ModeFilterKey;\n  setModeFilter: (next: ModeFilterKey) => void;\n  modeOptions: Option[];\n  originFilter: OriginFilterKey;\n  setOriginFilter: (next: OriginFilterKey) => void;\n  originOptions: Option[];\n  actorFilter: ActorFilterKey;\n  setActorFilter: (next: ActorFilterKey) => void;\n  actorOptions: Option[];\n  dateFrom: string;\n  dateTo: string;\n  setDateFrom: (next: string) => void;\n  setDateTo: (next: string) => void;\n  setPage: (next: number) => void;\n}) {\n  return (\n    <div className=\"w-full\">\n      <FilterBar\n        toolbar\n        search={searchQuery}\n        onSearchChange={(next) => {\n          setSearchQuery(next);\n          setPage(1);\n        }}\n        placeholder={`Search ${bookingPlural.toLowerCase()}…`}\n        activeCount={activeFilterCount}\n      >\n        {/* Menu rows, not selects. Five `Select`s inside the filter popover put\n            a floating layer on top of a floating layer for a choice among four\n            values — the exact case `FilterOptions` was written for, and the\n            shape Orders and the catalogue already use. The status counts stop\n            being glued into the label string and become a real column. */}\n        <FilterOptions\n          label=\"Status\"\n          value={activeTab}\n          onChange={(next) => {\n            handleTabChange(next as TabKey);\n            setPage(1);\n          }}\n          options={statusOptions}\n        />\n        <FilterOptions\n          label=\"Mode\"\n          value={modeFilter}\n          onChange={(next) => {\n            setModeFilter(next as ModeFilterKey);\n            setPage(1);\n          }}\n          options={modeOptions}\n        />\n        <FilterOptions\n          label=\"Origin\"\n          value={originFilter}\n          onChange={(next) => {\n            setOriginFilter(next as OriginFilterKey);\n            setPage(1);\n          }}\n          options={originOptions}\n        />\n        <FilterOptions\n          label=\"Created by\"\n          value={actorFilter}\n          onChange={(next) => {\n            setActorFilter(next as ActorFilterKey);\n            setPage(1);\n          }}\n          options={actorOptions}\n        />\n        <FilterField label=\"Dates\">\n          {/* `field`, so it stands level with the four selects beside it rather\n              than 10px short of them. */}\n          <DateRangeFilter\n            size=\"field\"\n            dateFrom={dateFrom}\n            dateTo={dateTo}\n            onChange={(from, to) => {\n              setDateFrom(from);\n              setDateTo(to);\n              setPage(1);\n            }}\n          />\n        </FilterField>\n        {/* The design system's button, beside the fields rather than in a\n            right-aligned strip under them, and disabled with nothing to\n            clear. */}\n        <div className=\"flex items-end\">\n          <Button\n            variant=\"ghost\"\n            disabled={activeFilterCount === 0}\n            onClick={clearAllFilters}\n          >\n            Clear all\n          </Button>\n        </div>\n      </FilterBar>\n      {/* What Confirmed and Completed mean, readable without opening Filters. */}\n      <BookingTabHints\n        tabs={statusOptions.map((o) => ({ key: o.value, ...o }))}\n        idPrefix=\"booking-tab-hint\"\n        className=\"mt-2\"\n      />\n    </div>\n  );\n}\n"],"mappings":";AAiFM,SAeE,KAfF;AA/EN,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,aAAa,qBAAqB;AAO3C,SAAS,uBAAuB;AAoBzB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAuBG;AACD,SACE,qBAAC,SAAI,WAAU,UACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,QAAQ;AAAA,QACR,gBAAgB,CAAC,SAAS;AACxB,yBAAe,IAAI;AACnB,kBAAQ,CAAC;AAAA,QACX;AAAA,QACA,aAAa,UAAU,cAAc,YAAY,CAAC;AAAA,QAClD,aAAa;AAAA,QAOb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU,CAAC,SAAS;AAClB,gCAAgB,IAAc;AAC9B,wBAAQ,CAAC;AAAA,cACX;AAAA,cACA,SAAS;AAAA;AAAA,UACX;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU,CAAC,SAAS;AAClB,8BAAc,IAAqB;AACnC,wBAAQ,CAAC;AAAA,cACX;AAAA,cACA,SAAS;AAAA;AAAA,UACX;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU,CAAC,SAAS;AAClB,gCAAgB,IAAuB;AACvC,wBAAQ,CAAC;AAAA,cACX;AAAA,cACA,SAAS;AAAA;AAAA,UACX;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,OAAO;AAAA,cACP,UAAU,CAAC,SAAS;AAClB,+BAAe,IAAsB;AACrC,wBAAQ,CAAC;AAAA,cACX;AAAA,cACA,SAAS;AAAA;AAAA,UACX;AAAA,UACA,oBAAC,eAAY,OAAM,SAGjB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,UAAU,CAAC,MAAM,OAAO;AACtB,4BAAY,IAAI;AAChB,0BAAU,EAAE;AACZ,wBAAQ,CAAC;AAAA,cACX;AAAA;AAAA,UACF,GACF;AAAA,UAIA,oBAAC,SAAI,WAAU,kBACb;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,UAAU,sBAAsB;AAAA,cAChC,SAAS;AAAA,cACV;AAAA;AAAA,UAED,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,cAAc,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE;AAAA,QACvD,UAAS;AAAA,QACT,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/bookings-mobile-controls.js

@@ -0,0 +1,119 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Search, SlidersHorizontal } from "lucide-react";
+import { Select } from "@withpotter/ui-kit/select";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input } from "@withpotter/ui-kit";
+function BookingsMobileControls({
+  bookingPlural,
+  statusOptions,
+  activeTab,
+  onTabChange: handleTabChange,
+  searchQuery,
+  onSearchChange: setSearchQuery,
+  modeFilter,
+  setModeFilter,
+  originFilter,
+  setOriginFilter,
+  actorFilter,
+  setActorFilter,
+  modeOptions,
+  originOptions,
+  actorOptions,
+  setPage,
+  activeFilterCount,
+  onClearFilters
+}) {
+  const [filtersOpen, setFiltersOpen] = useState(false);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "lg:hidden space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value),
+            placeholder: `Search ${bookingPlural.toLowerCase()}...`,
+            className: "w-full pl-10 pr-4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => setFiltersOpen((open) => !open),
+          "aria-expanded": filtersOpen,
+          icon: /* @__PURE__ */ jsx(SlidersHorizontal, {}),
+          children: [
+            "Filters",
+            activeFilterCount > 0 ? ` \xB7 ${activeFilterCount}` : ""
+          ]
+        }
+      )
+    ] }),
+    filtersOpen && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-subtle)] p-3", children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: activeTab,
+          onChange: (next) => {
+            handleTabChange(next);
+            setPage(1);
+          },
+          options: statusOptions
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: modeFilter,
+          onChange: (next) => {
+            setModeFilter(next);
+            setPage(1);
+          },
+          options: modeOptions
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: originFilter,
+          onChange: (next) => {
+            setOriginFilter(next);
+            setPage(1);
+          },
+          options: originOptions
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: actorFilter,
+          onChange: (next) => {
+            setActorFilter(next);
+            setPage(1);
+          },
+          options: actorOptions
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          className: "col-span-2 justify-self-start",
+          onClick: onClearFilters,
+          disabled: activeFilterCount === 0,
+          children: "Clear filters"
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  BookingsMobileControls
+};
+//# sourceMappingURL=bookings-mobile-controls.js.map

package/dist/dashboard/(bookings)/bookings/_components/bookings-mobile-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/bookings-mobile-controls.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Search, SlidersHorizontal } from 'lucide-react';\nimport { Select } from '@withpotter/ui-kit/select';\nimport type {\n  ModeFilterKey,\n  OriginFilterKey,\n  ActorFilterKey,\n  TabKey,\n} from '../_hooks/use-bookings-data';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input } from '@withpotter/ui-kit';\n\ninterface Opt {\n  value: string;\n  label: string;\n}\n\ninterface BookingsMobileControlsProps {\n  bookingPlural: string;\n  /** Status options, already carrying their counts, from the page. */\n  statusOptions: Opt[];\n  activeTab: string;\n  onTabChange: (key: TabKey) => void;\n  searchQuery: string;\n  onSearchChange: (v: string) => void;\n  modeFilter: string;\n  setModeFilter: (v: ModeFilterKey) => void;\n  originFilter: string;\n  setOriginFilter: (v: OriginFilterKey) => void;\n  actorFilter: string;\n  setActorFilter: (v: ActorFilterKey) => void;\n  modeOptions: Opt[];\n  originOptions: Opt[];\n  actorOptions: Opt[];\n  setPage: (n: number) => void;\n  activeFilterCount: number;\n  onClearFilters: () => void;\n}\n\n/**\n * The phone-only controls for the bookings list: search first, then a single\n * filter disclosure that keeps the list readable on a narrow screen.\n *\n * Split out of the page purely for size — the page had grown past the 500-line\n * cap once the calendar rendering moved in beside the list. Behaviour is\n * unchanged; every value is still owned by useBookingsData upstream.\n */\nexport function BookingsMobileControls({\n  bookingPlural,\n  statusOptions,\n  activeTab,\n  onTabChange: handleTabChange,\n  searchQuery,\n  onSearchChange: setSearchQuery,\n  modeFilter,\n  setModeFilter,\n  originFilter,\n  setOriginFilter,\n  actorFilter,\n  setActorFilter,\n  modeOptions,\n  originOptions,\n  actorOptions,\n  setPage,\n  activeFilterCount,\n  onClearFilters,\n}: BookingsMobileControlsProps) {\n  const [filtersOpen, setFiltersOpen] = useState(false);\n\n  return (\n    <>\n      <div className=\"lg:hidden space-y-3\">\n        <div className=\"flex gap-2\">\n          <div className=\"relative min-w-0 flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]\" />\n            <Input\n              type=\"text\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              placeholder={`Search ${bookingPlural.toLowerCase()}...`}\n              className=\"w-full pl-10 pr-4\"\n            />\n          </div>\n          <Button\n            variant=\"secondary\"\n            onClick={() => setFiltersOpen((open) => !open)}\n            aria-expanded={filtersOpen}\n            icon={<SlidersHorizontal />}\n          >\n            Filters{activeFilterCount > 0 ? ` · ${activeFilterCount}` : ''}\n          </Button>\n        </div>\n        {filtersOpen && (\n          <div className=\"grid grid-cols-2 gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-subtle)] p-3\">\n            <Select\n              value={activeTab}\n              onChange={(next) => {\n                handleTabChange(next as TabKey);\n                setPage(1);\n              }}\n              options={statusOptions}\n            />\n            <Select\n              value={modeFilter}\n              onChange={(next) => {\n                setModeFilter(next as ModeFilterKey);\n                setPage(1);\n              }}\n              options={modeOptions}\n            />\n            <Select\n              value={originFilter}\n              onChange={(next) => {\n                setOriginFilter(next as OriginFilterKey);\n                setPage(1);\n              }}\n              options={originOptions}\n            />\n            <Select\n              value={actorFilter}\n              onChange={(next) => {\n                setActorFilter(next as ActorFilterKey);\n                setPage(1);\n              }}\n              options={actorOptions}\n            />\n            <Button\n              variant=\"ghost\"\n              className=\"col-span-2 justify-self-start\"\n              onClick={onClearFilters}\n              disabled={activeFilterCount === 0}\n            >\n              Clear filters\n            </Button>\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAwEI,mBAIQ,KADF,YAHN;AAtEJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,yBAAyB;AAC1C,SAAS,cAAc;AAOvB,SAAS,cAAc;AACvB,SAAS,aAAa;AAqCf,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,SACE,gCACE,+BAAC,SAAI,WAAU,uBACb;AAAA,yBAAC,SAAI,WAAU,cACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,UAAO,WAAU,4EAA2E;AAAA,QAC7F;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,aAAa,UAAU,cAAc,YAAY,CAAC;AAAA,YAClD,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM,eAAe,CAAC,SAAS,CAAC,IAAI;AAAA,UAC7C,iBAAe;AAAA,UACf,MAAM,oBAAC,qBAAkB;AAAA,UAC1B;AAAA;AAAA,YACS,oBAAoB,IAAI,SAAM,iBAAiB,KAAK;AAAA;AAAA;AAAA,MAC9D;AAAA,OACF;AAAA,IACC,eACC,qBAAC,SAAI,WAAU,oGACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,SAAS;AAClB,4BAAgB,IAAc;AAC9B,oBAAQ,CAAC;AAAA,UACX;AAAA,UACA,SAAS;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,SAAS;AAClB,0BAAc,IAAqB;AACnC,oBAAQ,CAAC;AAAA,UACX;AAAA,UACA,SAAS;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,SAAS;AAClB,4BAAgB,IAAuB;AACvC,oBAAQ,CAAC;AAAA,UACX;AAAA,UACA,SAAS;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,SAAS;AAClB,2BAAe,IAAsB;AACrC,oBAAQ,CAAC;AAAA,UACX;AAAA,UACA,SAAS;AAAA;AAAA,MACX;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU,sBAAsB;AAAA,UACjC;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}