@veeqo/transfigure 0.0.7 → 0.0.9

package/dist/index33.js

@@ -1,97 +1,105 @@
-import { jsxs as O, Fragment as U, jsx as s } from "react/jsx-runtime";
-import { useState as W, useRef as Y, useMemo as C } from "react";
-import { ViewTab as $, theme as z } from "@veeqo/ui";
-import { observer as G } from "mobx-react";
-import { useCustomViews as J } from "./index60.js";
-import { useViews as K } from "./index58.js";
-import { PillNotifications as Q } from "./index37.js";
-import { ViewDropdowns as X } from "./index40.js";
-import { useDropdownManager as Z } from "./index52.js";
-import { useBusinessLogic as b } from "./index7.js";
-import { useStores as ee } from "./index57.js";
-import { Confirmation as ie } from "./index87.js";
-const we = G(({ view: e }) => {
-  const { VIEW_TYPE: S, SEARCH_FILTER_ID: l } = b(), {
-    Filters: { activeViewId: c, initFiltersFromView: d, discardChanges: f, initFromUrl: m, filters: F, setFilter: L },
+import { jsxs as $, Fragment as z, jsx as s } from "react/jsx-runtime";
+import { useState as G, useRef as J, useMemo as L } from "react";
+import { ViewTab as K, theme as y, Loader as M } from "@veeqo/ui";
+import { observer as Q } from "mobx-react";
+import { useCustomViews as X } from "./index60.js";
+import { useViews as Z } from "./index58.js";
+import { PillNotifications as b } from "./index37.js";
+import { ViewDropdowns as ee } from "./index40.js";
+import { useDropdownManager as ie } from "./index52.js";
+import { useBusinessLogic as oe } from "./index7.js";
+import { useStores as re } from "./index57.js";
+import { Confirmation as te } from "./index79.js";
+const ge = Q(({ view: e, viewTabSlotValueMap: l, isLoadingTableData: x }) => {
+  const { VIEW_TYPE: E, SEARCH_FILTER_ID: d } = oe(), {
+    Filters: { activeViewId: a, initFiltersFromView: f, discardChanges: m, initFromUrl: u, filters: N, setFilter: S },
     Views: { draftViewsMap: T },
-    Notifications: { notify: x }
-  } = ee(), { viewsMap: u, defaultCustomViewId: y, isLoading: E } = K(), { isLoading: N, isValidating: A } = J({ type: S }), [o, M] = W(null), R = (i) => {
-    const v = F.get(l);
-    if (u.has(i)) {
-      const r = u.get(i);
-      r && (d(r), f(!0), m());
+    Notifications: { notify: k }
+  } = re(), { viewsMap: w, defaultCustomViewId: A, isLoading: R } = Z(), { isLoading: I, isValidating: P } = X({ type: E }), [o, _] = G(null), j = (i) => {
+    const F = N.get(d);
+    if (w.has(i)) {
+      const t = w.get(i);
+      t && (f(t), m(!0), u());
     } else {
-      const r = T.get(i);
-      r ? (d(r), f(!0), m()) : x({
+      const t = T.get(i);
+      t ? (f(t), m(!0), u()) : k({
         type: "error",
         text: "Failed to load view"
       });
     }
-    v && L(l, v);
-  }, n = (e == null ? void 0 : e.id) === c, t = e.originalView !== void 0, w = e.originalView === void 0, I = "100", a = (e == null ? void 0 : e.label) || "", P = E || A || N, p = Y(!1);
-  !P && !p.current && n && e.id === y && o && (p.current = !0, o && c === e.id && window.requestAnimationFrame(() => {
+    F && S(d, F);
+  }, n = (e == null ? void 0 : e.id) === a, r = e.originalView !== void 0, p = e.originalView === void 0, B = (l == null ? void 0 : l.get(e == null ? void 0 : e.id)) || void 0, c = (e == null ? void 0 : e.label) || "", h = R || P || I || x, g = J(!1);
+  !h && !g.current && n && e.id === A && o && (g.current = !0, o && a === e.id && window.requestAnimationFrame(() => {
     var i;
     (i = o.parentElement) == null || i.scrollBy({
       behavior: "smooth",
       left: o.offsetLeft
     });
   }));
-  const V = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
+  const V = L(() => r ? "draft" : e.editable ? "saved" : "fixed", [r, e.editable]), {
     actions: {
-      create: { handleSaveDraft: _ },
-      menu: { toggleDropdown: h },
-      delete: { closeDeleteConfirmation: j, handleDelete: k, handleDeleteDraftView: g }
+      create: { handleSaveDraft: q },
+      menu: { toggleDropdown: D },
+      delete: { closeDeleteConfirmation: H, handleDelete: O, handleDeleteDraftView: C }
     },
-    state: { shouldShowDeleteConfirmation: B },
-    actions: q,
-    state: D
-  } = Z(e), H = C(() => {
-    if (w) return h;
-    if (t) return g;
-  }, [g, t, w, h]);
-  return /* @__PURE__ */ O(U, { children: [
+    state: { shouldShowDeleteConfirmation: U },
+    actions: W,
+    state: v
+  } = ie(e), Y = L(() => {
+    if (p) return D;
+    if (r) return C;
+  }, [C, r, p, D]);
+  return /* @__PURE__ */ $(z, { children: [
     /* @__PURE__ */ s(
-      $,
+      K,
       {
-        colourPalette: z.colors.secondary.blue,
+        colourPalette: y.colors.secondary.blue,
         className: "act-react-listing-custom-view",
         active: n,
         id: e == null ? void 0 : e.id,
-        name: a,
+        name: c,
         type: V,
-        count: I,
-        onClick: R,
-        subAction: H,
+        count: h ? /* @__PURE__ */ s(
+          M,
+          {
+            type: "ThreeDots",
+            width: 12,
+            height: 12,
+            color: n ? "#fff" : y.colors.neutral.ink.dark
+          }
+        ) : B,
+        onClick: j,
+        subAction: Y,
         ariaContext: "orders",
-        ref: M,
+        ref: _,
         "aria-controls": "options-dropdown",
-        "aria-expanded": D.shouldShowDropdown,
+        "aria-expanded": v.shouldShowDropdown,
         "aria-haspopup": "dialog"
       },
       e == null ? void 0 : e.id
     ),
     /* @__PURE__ */ s(
-      ie,
+      te,
       {
-        shouldShow: B,
-        viewName: a,
-        onCancel: j,
-        onDelete: k
+        shouldShow: U,
+        viewName: c,
+        onCancel: H,
+        onDelete: O
       }
     ),
     /* @__PURE__ */ s(
-      Q,
+      b,
       {
         tabType: V,
         isActive: n,
-        initialViewName: a,
-        shouldShowCreateViewNotification: t,
-        handleSaveDraft: _
+        initialViewName: c,
+        shouldShowCreateViewNotification: r,
+        handleSaveDraft: q
       }
     ),
-    /* @__PURE__ */ s(X, { referenceElement: o, tab: e, ...q, ...D })
+    /* @__PURE__ */ s(ee, { referenceElement: o, tab: e, ...W, ...v })
   ] });
 });
 export {
-  we as ViewTab
+  ge as ViewTab
 };

package/dist/index36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index88.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index80.cjs"),g=require("./index48.cjs"),j=require("./index47.cjs"),M=({tab:i,onMakeDefault:l,onEdit:n,onDuplicate:s,onDelete:o,shouldShowDropdown:a,handleCloseDropdown:c})=>{const{openModal:r}=g.useModal(),d=()=>{r(j.ModalId.ORDERS_TABLE_MANAGEMENT),c()},m=i.label!=="Picking In Progress"&&i.editable,u=i.default!==!1&&i.editable,p=i.editable,b=i.editable;return a?e.jsxs(t.MenuItems,{children:[u&&e.jsx(t.Item,{onClick:l,className:"act-react-listing-custom-view-make-default-menu-item",children:"Make default view"}),b&&e.jsx(t.Item,{onClick:n,className:"act-react-listing-custom-view-edit-menu-item",role:"option",children:"Edit"}),e.jsx(t.Item,{onClick:s,className:"act-react-listing-custom-view-duplicate-menu-item",role:"option",children:"Duplicate"}),m&&e.jsx(t.Item,{onClick:o,className:"act-react-listing-custom-view-delete-menu-item",role:"option",children:"Delete"}),p&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{}),e.jsx(t.Item,{onClick:d,role:"option",children:"Table management"})]})]}):null};exports.OptionsDropdown=M;

package/dist/index36.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as i, Fragment as f } from "react/jsx-runtime";
-import { MenuItems as M, Item as l, Divider as h } from "./index88.js";
+import { MenuItems as M, Item as l, Divider as h } from "./index80.js";
 import { useModal as k } from "./index48.js";
 import { ModalId as T } from "./index47.js";
 const N = ({

package/dist/index37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index92.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react-transition-group"),f=require("mobx-react"),x=require("./index58.cjs"),v=require("./index81.cjs"),g=require("./index39.cjs"),h=require("./index57.cjs"),S=f.observer(({tabType:i,isActive:n,shouldShowCreateViewNotification:c,handleSaveDraft:s})=>{var r;const{Filters:{hasUnsavedChanges:l,discardChanges:u,activeViewId:t}}=h.useStores(),d=window.location.pathname==="/orders"?"orders":"variants",{viewsMap:m}=x.useViews(),o=t&&((r=m.get(t))==null?void 0:r.label)||"failure";return e.jsxs(e.Fragment,{children:[e.jsx(a.CSSTransition,{in:i==="draft"&&n&&c,timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(v.InfoPill,{onClick:s,mainEntityLabelPlural:d})}),i!=="fixed"&&o&&e.jsx(a.CSSTransition,{in:l&&n&&i==="saved",timeout:200,classNames:"notification",unmountOnExit:!0,children:e.jsx(g.UnsavedChangesPill,{viewName:o,onDiscard:()=>u(),onSaveDraft:s})})]})});exports.PillNotifications=S;

package/dist/index37.js

@@ -2,7 +2,7 @@ import { jsxs as u, Fragment as p, jsx as i } from "react/jsx-runtime";
 import { CSSTransition as a } from "react-transition-group";
 import { observer as h } from "mobx-react";
 import { useViews as v } from "./index58.js";
-import { InfoPill as w } from "./index92.js";
+import { InfoPill as w } from "./index81.js";
 import { UnsavedChangesPill as x } from "./index39.js";
 import { useStores as g } from "./index57.js";
 const F = h(

package/dist/index38.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),m=require("./index89.cjs"),g=require("./index60.cjs"),S=require("./index58.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index57.cjs"),p=require("./index10.cjs"),q=()=>{const{VIEW_TYPE:n}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:u}=S.useViews(),{mutate:a}=g.useCustomViews({type:n}),[c,t]=d.useState(s),{Notifications:{notify:l}}=V.useStores(),w=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await a(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),l({type:"error",text:"Failed to update order of views"})}};return u||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:c,onChange:w,className:"act-sortable-views"})})};exports.SortableViews=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),m=require("./index83.cjs"),g=require("./index60.cjs"),S=require("./index58.cjs"),b=require("./index3.cjs"),y=require("./index7.cjs"),V=require("./index57.cjs"),p=require("./index10.cjs"),q=()=>{const{VIEW_TYPE:n}=y.useBusinessLogic(),{sortedCustomViews:s,isLoading:u}=S.useViews(),{mutate:a}=g.useCustomViews({type:n}),[c,t]=d.useState(s),{Notifications:{notify:l}}=V.useStores(),w=async o=>{t(o);const r=o.map(e=>e.id);try{await b.patchCurrentUser({user_setting_attributes:{custom_view_positions:{order:r}}}),await a(e=>({...e,settings:{...e.settings,custom_view_positions:{...e.settings.custom_view_positions,order:r}}}),{revalidate:!1})}catch{t(s),l({type:"error",text:"Failed to update order of views"})}};return u||!s.length?null:i.jsx(p.ErrorBoundary,{children:i.jsx(m.LegacySortableViews,{views:c,onChange:w,className:"act-sortable-views"})})};exports.SortableViews=q;

package/dist/index38.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { LegacySortableViews as l } from "./index89.js";
+import { LegacySortableViews as l } from "./index83.js";
 import { useCustomViews as w } from "./index60.js";
 import { useViews as d } from "./index58.js";
 import { patchCurrentUser as g } from "./index3.js";

package/dist/index39.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index90.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("@veeqo/ui"),h=require("mobx-react"),n=require("./index82.cjs"),u=require("./index56.cjs"),g=s.theme.colors.secondary.blue.base,v=h.observer(({onDiscard:i,viewName:t,onSaveDraft:c})=>{const{saveChanges:o,isSubmitting:r}=u.usePersistUnsavedChanges(),[d,a]=l.useState(!1);return e.jsx(n.Notification,{children:e.jsx(n.Container,{className:"act-react-listing-custom-notification-unsaved-changes",children:e.jsxs(s.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(n.Glyph,{name:"attention",color:g}),e.jsxs(n.Wrap,{children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"You have unsaved changes to"}),e.jsx(n.Bold,{variant:"bodyBoldDark",children:`'${t}'`})]}),e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-discard",onClick:i,size:"sm",children:"Discard changes"}),e.jsxs(s.AnimatedDropdown,{reversed:!0,shouldShowDropdown:d,onClickAway:()=>a(!1),cta:e.jsx(n.Button,{className:"act-react-listing-custom-notification-unsaved-changes-toggle-dropdown",variant:"primary",onClick:()=>a(!0),size:"sm",dropdown:!0,children:"Save changes"}),children:[e.jsx(n.Item,{onClick:c,className:"act-react-listing-custom-notification-unsaved-changes-create-new-view",children:e.jsx(n.Text,{variant:"body",children:"Create new view"})}),e.jsxs(n.Item,{onClick:o,disabled:r,className:"act-react-listing-custom-notification-unsaved-changes-save-to-existing-view",children:[e.jsx(n.Text,{variant:"body",margin:"0 4px 0 0",children:"Save changes to"}),e.jsx(n.Text,{variant:"bodyBoldDark",children:t})]})]})]})})})});exports.UnsavedChangesPill=v;

package/dist/index39.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Stack as g, theme as u, AnimatedDropdown as v } from "@veeqo/ui";
 import { observer as p } from "mobx-react";
-import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index90.js";
+import { Notification as f, Container as w, Glyph as C, Wrap as b, Text as a, Bold as y, Button as o, Item as r } from "./index82.js";
 import { usePersistUnsavedChanges as k } from "./index56.js";
 const S = u.colors.secondary.blue.base, A = p(
   ({

package/dist/index41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),V=require("mobx-react"),s=require("@veeqo/ui"),t=require("./index91.cjs"),j=require("./index38.cjs"),m=require("./index58.cjs"),S=require("./index59.cjs"),q=require("./index34.cjs"),u=require("./index33.cjs"),p=require("./index57.cjs"),a=require("./index10.cjs"),b=V.observer(()=>{const{Views:{draftViewsList:c}}=p.useStores(),{viewsArray:l,fixedViews:d}=m.useViews(),[o,i]=n.useState(!1),[w,x]=n.useState(null),h=()=>i(!1);return S.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:o,ref:x,children:[l.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id)),c.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(u.ViewTab,{view:r})},r.id))]}),o&&e.jsx(s.Popover,{id:"views-menu",anchorElement:w,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(t.FixedViews,{children:d.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(j.SortableViews,{}),e.jsx(t.Divider,{}),e.jsx(q.CreateView,{hideActionsPopover:h})]})})]})});exports.ViewList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),m=require("mobx-react"),s=require("@veeqo/ui"),c=require("./index84.cjs"),q=require("./index38.cjs"),S=require("./index58.cjs"),f=require("./index59.cjs"),p=require("./index34.cjs"),l=require("./index33.cjs"),C=require("./index57.cjs"),a=require("./index10.cjs"),b=m.observer(({viewTabSlotValueMap:n,isLoadingTableData:o})=>{const{Views:{draftViewsList:d}}=C.useStores(),{viewsArray:w,fixedViews:x}=S.useViews(),[t,i]=u.useState(!1),[h,V]=u.useState(null),j=()=>i(!1);return f.useViewUrlChange(),e.jsxs(e.Fragment,{children:[e.jsxs(s.ViewsContainer,{onClickMenu:()=>i(!0),ariaMenuControls:"views-menu",ariaMenuExpanded:t,ref:V,children:[w.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(l.ViewTab,{view:r,viewTabSlotValueMap:n,isLoadingTableData:o})},r.id)),d.map(r=>e.jsx(a.ErrorBoundary,{children:e.jsx(l.ViewTab,{view:r,viewTabSlotValueMap:n,isLoadingTableData:o})},r.id))]}),t&&e.jsx(s.Popover,{id:"views-menu",anchorElement:h,placement:"bottom",onShouldClose:()=>i(!1),children:e.jsxs(s.Card.Surface,{children:[e.jsx(c.FixedViews,{children:x.map(r=>e.jsx(s.Text,{variant:"placeholder",children:r.label},r.id||r.label))}),e.jsx(q.SortableViews,{}),e.jsx(c.Divider,{}),e.jsx(p.CreateView,{hideActionsPopover:j})]})})]})});exports.ViewList=b;

package/dist/index41.js

@@ -1,50 +1,50 @@
-import { jsxs as i, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { observer as h } from "mobx-react";
-import { ViewsContainer as w, Popover as V, Card as v, Text as S } from "@veeqo/ui";
-import { FixedViews as x, Divider as C } from "./index91.js";
-import { SortableViews as b } from "./index38.js";
-import { useViews as A } from "./index58.js";
-import { useViewUrlChange as L } from "./index59.js";
-import { CreateView as M } from "./index34.js";
-import { ViewTab as s } from "./index33.js";
-import { useStores as T } from "./index57.js";
-import { ErrorBoundary as m } from "./index10.js";
-const z = h(() => {
+import { jsxs as i, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { observer as V } from "mobx-react";
+import { ViewsContainer as v, Popover as x, Card as C, Text as S } from "@veeqo/ui";
+import { FixedViews as A, Divider as E } from "./index84.js";
+import { SortableViews as L } from "./index38.js";
+import { useViews as M } from "./index58.js";
+import { useViewUrlChange as b } from "./index59.js";
+import { CreateView as j } from "./index34.js";
+import { ViewTab as l } from "./index33.js";
+import { useStores as y } from "./index57.js";
+import { ErrorBoundary as d } from "./index10.js";
+const H = V(({ viewTabSlotValueMap: t, isLoadingTableData: n }) => {
   const {
-    Views: { draftViewsList: l }
-  } = T(), { viewsArray: a, fixedViews: d } = A(), [t, o] = n(!1), [p, c] = n(null), f = () => o(!1);
-  return L(), /* @__PURE__ */ i(u, { children: [
+    Views: { draftViewsList: c }
+  } = y(), { viewsArray: p, fixedViews: a } = M(), [s, o] = m(!1), [f, u] = m(null), h = () => o(!1);
+  return b(), /* @__PURE__ */ i(w, { children: [
     /* @__PURE__ */ i(
-      w,
+      v,
       {
         onClickMenu: () => o(!0),
         ariaMenuControls: "views-menu",
-        ariaMenuExpanded: t,
-        ref: c,
+        ariaMenuExpanded: s,
+        ref: u,
         children: [
-          a.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id)),
-          l.map((r) => /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(s, { view: r }) }, r.id))
+          p.map((r) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { view: r, viewTabSlotValueMap: t, isLoadingTableData: n }) }, r.id)),
+          c.map((r) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(l, { view: r, viewTabSlotValueMap: t, isLoadingTableData: n }) }, r.id))
         ]
       }
     ),
-    t && /* @__PURE__ */ e(
-      V,
+    s && /* @__PURE__ */ e(
+      x,
       {
         id: "views-menu",
-        anchorElement: p,
+        anchorElement: f,
         placement: "bottom",
         onShouldClose: () => o(!1),
-        children: /* @__PURE__ */ i(v.Surface, { children: [
-          /* @__PURE__ */ e(x, { children: d.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
-          /* @__PURE__ */ e(b, {}),
-          /* @__PURE__ */ e(C, {}),
-          /* @__PURE__ */ e(M, { hideActionsPopover: f })
+        children: /* @__PURE__ */ i(C.Surface, { children: [
+          /* @__PURE__ */ e(A, { children: a.map((r) => /* @__PURE__ */ e(S, { variant: "placeholder", children: r.label }, r.id || r.label)) }),
+          /* @__PURE__ */ e(L, {}),
+          /* @__PURE__ */ e(E, {}),
+          /* @__PURE__ */ e(j, { hideActionsPopover: h })
         ] })
       }
     )
   ] });
 });
 export {
-  z as ViewList
+  H as ViewList
 };

package/dist/index45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var n=(O=>(O.TEXT="text",O.NUMBER="number",O.CHECKBOX="checkbox",O.RADIO="radio",O.DATE_RANGE="date_range",O.NUMBER_RANGE="number_range",O))(n||{});const e={revalidateOnFocus:!1,revalidateOnReconnect:!1};exports.FilterChoiceValue=n;exports.SWR_HOOK_OPTIONS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(e=>(e.TEXT="text",e.NUMBER="number",e.CHECKBOX="checkbox",e.RADIO="radio",e.DATE_RANGE="date_range",e.NUMBER_RANGE="number_range",e))(a||{});const n={revalidateOnFocus:!1,revalidateOnReconnect:!1,revalidateOnMount:!1,revalidateIfStale:!1};exports.FilterChoiceValue=a;exports.SWR_HOOK_OPTIONS=n;

package/dist/index45.js

@@ -1,9 +1,11 @@
-var O = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.NUMBER = "number", n.CHECKBOX = "checkbox", n.RADIO = "radio", n.DATE_RANGE = "date_range", n.NUMBER_RANGE = "number_range", n))(O || {});
-const E = {
+var n = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.NUMBER = "number", a.CHECKBOX = "checkbox", a.RADIO = "radio", a.DATE_RANGE = "date_range", a.NUMBER_RANGE = "number_range", a))(n || {});
+const e = {
   revalidateOnFocus: !1,
-  revalidateOnReconnect: !1
+  revalidateOnReconnect: !1,
+  revalidateOnMount: !1,
+  revalidateIfStale: !1
 };
 export {
-  O as FilterChoiceValue,
-  E as SWR_HOOK_OPTIONS
+  n as FilterChoiceValue,
+  e as SWR_HOOK_OPTIONS
 };

package/dist/index77.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),a=require("react"),q=require("@veeqo/components"),x=require("./index79.cjs"),o=require("./index80.cjs"),M=require("./index81.cjs"),k=require("./index82.cjs"),t=require("./index83.cjs"),I=require("./index78.cjs"),T=require("./index84.cjs"),j=require("./index85.cjs"),{Glyph:w}=q.VeeqoCommon,D=({onClose:i,columnDefintions:S,hiddenColumns:h,visibleColumns:m})=>{const[c,g]=a.useState(""),s=a.useMemo(()=>new Map(S.map(n=>[n.id,n])),[]),[u,C]=a.useState(()=>({[t.ColumnGroupIds.Hidden]:h,[t.ColumnGroupIds.Visible]:m})),b=a.useMemo(()=>{const n=u[t.ColumnGroupIds.Visible].map(l=>s.get(`${l}`));return j.filterColumnsBySearch(n,c)},[u,s,c]),y=a.useMemo(()=>{const n=u[t.ColumnGroupIds.Hidden].map(l=>s.get(`${l}`));return j.filterColumnsBySearch(n,c)},[u,s,c]),{isSavingColumns:d,saveColumns:v}=T.usePersistColumns(),G=()=>{g(""),C({[t.ColumnGroupIds.Hidden]:h,[t.ColumnGroupIds.Visible]:m})},p=a.useCallback(n=>{g(n)},[]),f=a.useCallback(n=>{const l=s.get(`${n}`);return l?e.jsx(k.ColumnItem,{column:l,isDragOverlay:!0}):null},[s]);return e.jsx(r.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>i==null?void 0:i(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(I.TableManagementGlyph,{height:32,width:32}),e.jsx(r.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(r.Button,{"aria-label":"Close modal",onClick:i,variant:"flat",iconSlot:e.jsx(w,{name:"close"})})]}),e.jsxs(r.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(r.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(r.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:p,onClearClick:()=>p(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:G,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:i,variant:"default",disabled:d},{label:"Save",onClick:()=>v({visibleColumns:m}),variant:"primary",disabled:d,loading:d}],children:e.jsx(r.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(r.Stack,{spacing:4,alignX:"stretch",children:e.jsx(M.DndContainer,{items:u,setItems:C,renderDragOverlay:f,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Visible,title:"Shown columns:",columns:b}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:y})]})})})})})})};exports.TableManagementModal=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),a=require("react"),q=require("@veeqo/components"),x=require("./index86.cjs"),o=require("./index87.cjs"),M=require("./index88.cjs"),k=require("./index89.cjs"),t=require("./index90.cjs"),I=require("./index78.cjs"),T=require("./index91.cjs"),j=require("./index92.cjs"),{Glyph:w}=q.VeeqoCommon,D=({onClose:i,columnDefintions:S,hiddenColumns:h,visibleColumns:m})=>{const[c,g]=a.useState(""),s=a.useMemo(()=>new Map(S.map(n=>[n.id,n])),[]),[u,C]=a.useState(()=>({[t.ColumnGroupIds.Hidden]:h,[t.ColumnGroupIds.Visible]:m})),b=a.useMemo(()=>{const n=u[t.ColumnGroupIds.Visible].map(l=>s.get(`${l}`));return j.filterColumnsBySearch(n,c)},[u,s,c]),y=a.useMemo(()=>{const n=u[t.ColumnGroupIds.Hidden].map(l=>s.get(`${l}`));return j.filterColumnsBySearch(n,c)},[u,s,c]),{isSavingColumns:d,saveColumns:v}=T.usePersistColumns(),G=()=>{g(""),C({[t.ColumnGroupIds.Hidden]:h,[t.ColumnGroupIds.Visible]:m})},p=a.useCallback(n=>{g(n)},[]),f=a.useCallback(n=>{const l=s.get(`${n}`);return l?e.jsx(k.ColumnItem,{column:l,isDragOverlay:!0}):null},[s]);return e.jsx(r.Modal,{variant:"lg",style:{overflowY:"hidden"},shouldShow:!0,onClose:()=>i==null?void 0:i(),headerSlot:e.jsxs(o.HeaderContainer,{children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"between",alignY:"center",children:[e.jsxs(r.Stack,{direction:"horizontal",alignX:"start",alignY:"center",spacing:"sm",children:[e.jsx(I.TableManagementGlyph,{height:32,width:32}),e.jsx(r.Text,{variant:"headingLarge",as:"h1",children:"Table management"})]}),e.jsx(r.Button,{"aria-label":"Close modal",onClick:i,variant:"flat",iconSlot:e.jsx(w,{name:"close"})})]}),e.jsxs(r.Text,{variant:"subheadingMedium",children:["Show, hide, or change the order of the columns in the view, so you always see the data that's most important to you. Learn more with our"," ",e.jsx(r.Anchor,{href:"#",target:"_blank",children:"help guide (TODO)"}),"."]}),e.jsx(r.Text,{variant:"headingSmall",children:"Column management"}),e.jsx(o.ColumnSearch,{name:"column-search-query",placeholder:"Search",value:c,onChange:p,onClearClick:()=>p(""),fill:"100%"})]}),leftActions:[{label:"Reset",onClick:G,variant:"default",disabled:d}],rightActions:[{label:"Cancel",onClick:i,variant:"default",disabled:d},{label:"Save",onClick:()=>v({visibleColumns:m}),variant:"primary",disabled:d,loading:d}],children:e.jsx(r.Stack,{spacing:"md",alignX:"stretch",children:e.jsx(r.Stack,{spacing:4,alignX:"stretch",children:e.jsx(M.DndContainer,{items:u,setItems:C,renderDragOverlay:f,children:e.jsx(o.Container,{children:e.jsxs(o.ColumnGroupsGrid,{columns:2,spacing:"xl",children:[e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Visible,title:"Shown columns:",columns:b}),e.jsx(o.VerticalSeparator,{children:e.jsx(o.VerticalText,{children:"Drag & Drop columns"})}),e.jsx(x.ColumnGroup,{id:t.ColumnGroupIds.Hidden,title:"Hidden columns:",columns:y})]})})})})})})};exports.TableManagementModal=D;

package/dist/index77.js

@@ -2,14 +2,14 @@ import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { Modal as G, Stack as m, Text as h, Button as H, Anchor as T } from "@veeqo/ui";
 import { useState as b, useMemo as u, useCallback as S } from "react";
 import { VeeqoCommon as O } from "@veeqo/components";
-import { ColumnGroup as v } from "./index79.js";
-import { Container as X, ColumnGroupsGrid as A, VerticalSeparator as I, VerticalText as Y, HeaderContainer as $, ColumnSearch as j } from "./index80.js";
-import { DndContainer as q } from "./index81.js";
-import { ColumnItem as z } from "./index82.js";
-import { ColumnGroupIds as r } from "./index83.js";
+import { ColumnGroup as v } from "./index86.js";
+import { Container as X, ColumnGroupsGrid as A, VerticalSeparator as I, VerticalText as Y, HeaderContainer as $, ColumnSearch as j } from "./index87.js";
+import { DndContainer as q } from "./index88.js";
+import { ColumnItem as z } from "./index89.js";
+import { ColumnGroupIds as r } from "./index90.js";
 import { TableManagementGlyph as B } from "./index78.js";
-import { usePersistColumns as L } from "./index84.js";
-import { filterColumnsBySearch as y } from "./index85.js";
+import { usePersistColumns as L } from "./index91.js";
+import { filterColumnsBySearch as y } from "./index92.js";
 const { Glyph: Q } = O, ne = ({
   onClose: i,
   columnDefintions: w,

package/dist/index79.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@veeqo/ui"),s=require("@dnd-kit/sortable"),a=require("./index94.cjs"),l=require("./index95.cjs"),c=require("./index82.cjs"),u=require("./index83.cjs"),d=require("./index80.cjs"),m=({id:r,title:n,columns:i})=>e.jsxs(o.Stack,{spacing:"sm",alignX:"stretch",children:[e.jsx(d.StickyText,{variant:"bodyBold",children:n}),e.jsx(s.SortableContext,{id:r,items:i,strategy:s.verticalListSortingStrategy,children:e.jsx(l.DroppableArea,{id:r,spacing:"sm",alignX:"stretch",children:i.map(t=>e.jsx(a.SortableItem,{id:t.id,children:e.jsx(c.ColumnItem,{column:t,isHidden:r===u.ColumnGroupIds.Hidden})},t.id))})})]});exports.ColumnGroup=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@veeqo/ui"),r=({shouldShow:a,viewName:n,onCancel:t,onDelete:o})=>e.jsx(i.Modal,{headerTitle:`Delete '${n}' view?`,"data-testid":"act-react-listing-custom-confirmation-popup",variant:"sm",shouldShow:a,onClose:t,rightActions:[{className:"act-react-listing-custom-confirmation-popup-cancel",label:"Cancel",onClick:t,variant:"default"},{className:"act-react-listing-custom-confirmation-popup-delete",label:"Delete",onClick:o,variant:"primaryDestructive"}],showHeaderCloseButton:!0,children:e.jsx(i.Text,{variant:"body",children:"This cannot be undone."})});exports.Confirmation=r;

package/dist/index79.js

@@ -1,15 +1,31 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { Stack as n } from "@veeqo/ui";
-import { SortableContext as p, verticalListSortingStrategy as a } from "@dnd-kit/sortable";
-import { SortableItem as s } from "./index94.js";
-import { DroppableArea as d } from "./index95.js";
-import { ColumnItem as l } from "./index82.js";
-import { ColumnGroupIds as c } from "./index83.js";
-import { StickyText as f } from "./index80.js";
-const I = ({ id: t, title: e, columns: o }) => /* @__PURE__ */ m(n, { spacing: "sm", alignX: "stretch", children: [
-  /* @__PURE__ */ r(f, { variant: "bodyBold", children: e }),
-  /* @__PURE__ */ r(p, { id: t, items: o, strategy: a, children: /* @__PURE__ */ r(d, { id: t, spacing: "sm", alignX: "stretch", children: o.map((i) => /* @__PURE__ */ r(s, { id: i.id, children: /* @__PURE__ */ r(l, { column: i, isHidden: t === c.Hidden }) }, i.id)) }) })
-] });
+import { jsx as e } from "react/jsx-runtime";
+import { Modal as n, Text as r } from "@veeqo/ui";
+const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
+  n,
+  {
+    headerTitle: `Delete '${i}' view?`,
+    "data-testid": "act-react-listing-custom-confirmation-popup",
+    variant: "sm",
+    shouldShow: a,
+    onClose: t,
+    rightActions: [
+      {
+        className: "act-react-listing-custom-confirmation-popup-cancel",
+        label: "Cancel",
+        onClick: t,
+        variant: "default"
+      },
+      {
+        className: "act-react-listing-custom-confirmation-popup-delete",
+        label: "Delete",
+        onClick: o,
+        variant: "primaryDestructive"
+      }
+    ],
+    showHeaderCloseButton: !0,
+    children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
+  }
+);
 export {
-  I as ColumnGroup
+  s as Confirmation
 };

package/dist/index80.cjs

@@ -1,104 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("styled-components"),e=require("@veeqo/ui"),a=require("@veeqo/components"),i=o=>o&&o.__esModule?o:{default:o},t=i(l),{Glyph:n}=a.VeeqoCommon,s=t.default.div`
-  width: 1px;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  border-left: 1px solid ${e.theme.colors.neutral.grey.dark};
-  height: 100%;
-  margin-top: 40px;
-`,c=t.default(e.Text)`
-  writing-mode: vertical-rl;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: white;
-  padding: 30px 0;
-  text-align: center;
-  font-size: 10px;
-  color: ${e.theme.colors.neutral.ink.lightest};
-  height: max-content;
-`,d=t.default(e.Text)`
-  position: sticky;
-  top: 0;
-  background: #ffffff;
-  padding-bottom: ${e.theme.sizes[2]};
-  z-index: 1;
-`,u=t.default(e.Text)`
-  color: ${e.theme.colors.neutral.ink.light};
-`,g=t.default(e.Grid)`
-  // overflow-y: auto;
-  position: unset;
-`,r=t.default(n).attrs(()=>({name:"visibility-off"}))`
-  margin-left: auto;
-`,p=t.default(e.Stack)`
-  border-radius: 4px;
-  padding: 8px 12px;
-  background: #ffffff;
-  border: 1px solid ${e.theme.colors.neutral.ink.lightest};
-  transition: all ease 200ms;
-
-  ${({isHidden:o})=>o&&`
-      ${e.Text} {
-        color: ${e.theme.colors.neutral.ink.light};
-      }
-    `}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
+  margin: ${e.theme.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${e.theme.text.body.fontSize};
 
   &:hover {
+    background-color: ${e.theme.colors.neutral.grey.lightest};
     color: ${e.theme.colors.secondary.blue.base};
-    background: ${e.theme.colors.neutral.grey.lightest};
-    border: 1px solid ${e.theme.colors.neutral.grey.light};
-
-    ${e.Text} {
-      color: ${e.theme.colors.secondary.blue.base};
-    }
-
-    ${r} {
-      color: ${e.theme.colors.neutral.ink.light};
-    }
-  }
-
-  ${({isDragOverlay:o})=>o&&`
-      color: ${e.theme.colors.secondary.blue.base};
-      background: ${e.theme.colors.neutral.grey.lightest};
-      border: 1px solid ${e.theme.colors.neutral.grey.light};
-      cursor: grabbing;
-
-      ${e.Text} {
-        color: ${e.theme.colors.secondary.blue.base};
-      }
-    `}
-`,h=t.default.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  height: 100%;
-  width: calc(100% - 2px);
-  border-radius: 4px;
-  border: 1px dashed ${e.theme.colors.neutral.grey.dark};
-  background: ${e.theme.colors.neutral.grey.lightest};
-`,f=t.default(e.Stack)`
-  flex: 1;
-  padding: 0;
-`,m=t.default(e.Search)`
-  input {
-    height: 40px;
-    box-sizing: border-box;
-  }
-
-  svg {
-    width: 16px;
+    cursor: pointer;
   }
-`,b=t.default.div`
-  position: relative;
-  min-height: 500px;
-`,x=t.default(e.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  gap: ${e.theme.sizes.base};
-  padding: ${e.theme.sizes.md};
-`,y=t.default.dialog`
-  display: contents;
-`;exports.ColumnGroupsGrid=g;exports.ColumnItemWrapper=p;exports.ColumnSearch=m;exports.Container=b;exports.DetailedText=u;exports.DndDragOverlayDialog=y;exports.DraggingOverlay=h;exports.DroppableAreaStack=f;exports.HeaderContainer=x;exports.StickyText=d;exports.VerticalSeparator=s;exports.VerticalText=c;exports.VisibilityOffIcon=r;
+`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
+  margin-top: ${e.theme.sizes.xs};
+  background-color: white;
+`,l=o.default.hr`
+  width: 100%;
+  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
+  margin: 0;
+`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;