@veeqo/transfigure 0.0.1 → 0.0.3

package/dist/index29.js

@@ -1,111 +1,40 @@
-import { jsxs as R, jsx as s } from "react/jsx-runtime";
-import { useState as y, useCallback as I } from "react";
-import { observer as k } from "mobx-react";
-import E from "lodash/debounce";
-import { Stack as c, Button as _, TextField as p } from "@veeqo/ui";
-import { MUISlider as A } from "./index84.js";
-import { NumberRangeFilter as h } from "./index61.js";
-import { useBusinessLogic as B } from "./index7.js";
-import { useStores as T } from "./index56.js";
-const q = k(({
-  field: l
-}) => {
-  var x;
-  const {
-    FILTERS_DEBOUCE_INTERVAL_MS: F
-  } = B(), {
-    Filters: {
-      numberRangeFilters: f,
-      setNumberRangeFilter: M,
-      clearNumberRangeFilter: d
-    }
-  } = T(), e = f.get(l.id), [a, r] = y({
-    gte: (e == null ? void 0 : e.gte) ?? 0,
-    lte: (e == null ? void 0 : e.lte) ?? 100
-  });
-  if (!((x = l.options) != null && x.length)) return null;
-  const m = () => {
-    const o = new h({
-      filterId: l.id
-    });
-    return f.set(l.id, o), o;
-  }, g = I(E(({
-    numberRange: o,
-    lte: t,
-    gte: i
-  }) => {
-    M({
-      numberRange: o,
-      lte: t,
-      gte: i
-    });
-  }, F), [M]), C = () => {
-    r({
-      gte: 0,
-      lte: 100
-    }), d(l.id);
-  }, N = (o, t) => {
-    let i = new h({
-      filterId: l.id
-    });
-    if (e || (i = m()), !Array.isArray(t) || t.length !== 2) return;
-    const [n, b] = t;
-    r({
-      gte: n,
-      lte: b
-    }), g(e ? {
-      numberRange: e,
-      lte: b,
-      gte: n
-    } : {
-      numberRange: i,
-      lte: b,
-      gte: n
-    });
-  }, S = (o) => {
-    if (e || m(), !e) return;
-    const t = Number(o);
-    if (t > e.lteMax) return;
-    let {
-      lte: i
-    } = e, {
-      gte: n
-    } = e;
-    t >= e.gteMin && t <= e.lteMax && (n = t), (!e.lte || t >= e.lte) && (i = e.lteMax), r({
-      gte: n,
-      lte: i
-    }), g({
-      numberRange: e,
-      lte: i,
-      gte: n
-    });
-  }, L = (o) => {
-    if (e || m(), !e) return;
-    const t = Number(o);
-    if (t < e.gteMin) return;
-    let {
-      lte: i
-    } = e, {
-      gte: n
-    } = e;
-    t >= e.gteMin && t <= e.lteMax && (i = t), (!e.gte || t <= e.gte) && (n = e.gteMin), r({
-      gte: n,
-      lte: i
-    }), g({
-      numberRange: e,
-      lte: i,
-      gte: n
-    });
-  }, v = [a.gte, a.lte];
-  return /* @__PURE__ */ R(c, { spacing: "xs", alignX: "stretch", children: [
-    /* @__PURE__ */ s(_, { variant: "link", onClick: C, children: "Clear" }),
-    /* @__PURE__ */ R(c, { direction: "horizontal", children: [
-      /* @__PURE__ */ s(p, { label: e == null ? void 0 : e.gteMinLabel, type: "number", min: e == null ? void 0 : e.gteMin, max: e == null ? void 0 : e.lteMax, value: a.gte.toString(), onChange: S }),
-      /* @__PURE__ */ s(p, { label: e == null ? void 0 : e.lteMaxLabel, type: "number", min: e == null ? void 0 : e.gteMin, max: e == null ? void 0 : e.lteMax, value: a.lte.toString(), onChange: L })
-    ] }),
-    /* @__PURE__ */ s(A, { value: v, onChange: N, min: e == null ? void 0 : e.gteMin, max: e == null ? void 0 : e.lteMax, valueLabelDisplay: "auto" })
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { observer as h } from "mobx-react";
+import { useState as C, useCallback as F } from "react";
+import S from "lodash/debounce";
+import { Stack as g, Button as b, ChoiceList as V } from "@veeqo/ui";
+import { useBusinessLogic as f } from "./index7.js";
+import { useStores as k } from "./index56.js";
+const I = h(({ field: e }) => {
+  var n;
+  const { FILTERS_DEBOUCE_INTERVAL_MS: c } = f(), {
+    Filters: { setFilter: r, filters: l }
+  } = k();
+  if (!((n = e.options) != null && n.length)) return null;
+  const a = l.get(e.id), [u, s] = C(a), m = F(
+    S((t, o) => {
+      r(t, o);
+    }, c),
+    [r]
+  ), p = (t) => {
+    const o = `${t[0]}`;
+    s(o), m(e.id, o);
+  };
+  return /* @__PURE__ */ d(g, { spacing: "xs", children: [
+    /* @__PURE__ */ i(b, { variant: "link", onClick: () => {
+      s(""), r(e.id, "");
+    }, children: "Clear" }),
+    /* @__PURE__ */ i(
+      V,
+      {
+        title: e.label,
+        options: e.options,
+        selected: [u],
+        onChange: (t) => p(t)
+      }
+    )
   ] });
 });
 export {
-  q as NumberRangeFilter
+  I as RadioFilter
 };

package/dist/index3.js

@@ -1,9 +1,7 @@
 import { axios as t } from "./index6.js";
 import { withCSRF as o } from "./index48.js";
 import { vndAPI as e } from "./index49.js";
-const s = (r = {}) => t.patch("/current_user", {
-  user: r
-}, o(e));
+const s = (r = {}) => t.patch("/current_user", { user: r }, o(e));
 export {
   s as patchCurrentUser
 };

package/dist/index30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),h=require("mobx-react"),u=require("react"),q=require("lodash/debounce"),r=require("@veeqo/ui"),C=require("./index7.cjs"),F=require("./index56.cjs"),p=e=>e&&e.__esModule?e:{default:e},x=p(q),R=h.observer(({field:e})=>{var i;const{FILTERS_DEBOUCE_INTERVAL_MS:l}=C.useBusinessLogic(),{Filters:{setFilter:n,filters:a}}=F.useStores();if(!((i=e.options)!=null&&i.length))return null;const d=a.get(e.id),[S,c]=u.useState(d),b=u.useCallback(x.default((t,s)=>{n(t,s)},l),[n]),g=t=>{const s=`${t[0]}`;c(s),b(e.id,s)},_=()=>{c(""),n(e.id,"")};return o.jsxs(r.Stack,{spacing:"xs",children:[o.jsx(r.Button,{variant:"link",onClick:_,children:"Clear"}),o.jsx(r.ChoiceList,{title:e.label,options:e.options,selected:[S],onChange:t=>g(t)})]})});exports.RadioFilter=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("mobx-react"),s=require("@veeqo/ui"),i=require("@veeqo/components"),l=require("./index31.cjs"),n=require("./index56.cjs"),{Glyph:d}=i.VeeqoCommon,c=t.observer(()=>{const{Filters:{isFiltersDropdownVisible:o,toggleFiltersDropdownVisible:r}}=n.useStores();return e.jsx(s.Dropdown,{id:"filters-dropdown",ctaProps:{iconSlot:e.jsx(d,{name:"filter"}),children:"Filters",loading:!1,disabled:!1,className:"act-toggle-filter",style:{borderRadius:s.theme.radius.base}},style:{padding:0},shouldShow:o,setShouldShow:r,children:e.jsx(l.FiltersList,{})})});exports.FiltersDropdown=c;

package/dist/index30.js

@@ -1,36 +1,36 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { observer as h } from "mobx-react";
-import { useState as C, useCallback as F } from "react";
-import S from "lodash/debounce";
-import { Stack as g, Button as b, ChoiceList as V } from "@veeqo/ui";
-import { useBusinessLogic as f } from "./index7.js";
-import { useStores as k } from "./index56.js";
-const I = h(({
-  field: e
-}) => {
-  var n;
+import { jsx as o } from "react/jsx-runtime";
+import { observer as s } from "mobx-react";
+import { Dropdown as t, theme as i } from "@veeqo/ui";
+import { VeeqoCommon as l } from "@veeqo/components";
+import { FiltersList as d } from "./index31.js";
+import { useStores as m } from "./index56.js";
+const { Glyph: n } = l, b = s(() => {
   const {
-    FILTERS_DEBOUCE_INTERVAL_MS: c
-  } = f(), {
-    Filters: {
-      setFilter: r,
-      filters: l
+    Filters: { isFiltersDropdownVisible: r, toggleFiltersDropdownVisible: e }
+  } = m();
+  return /* @__PURE__ */ o(
+    t,
+    {
+      id: "filters-dropdown",
+      ctaProps: {
+        iconSlot: /* @__PURE__ */ o(n, { name: "filter" }),
+        children: "Filters",
+        loading: !1,
+        // TODO needs implementing?
+        disabled: !1,
+        // TODO needs implementing?
+        className: "act-toggle-filter",
+        style: { borderRadius: i.radius.base }
+      },
+      style: {
+        padding: 0
+      },
+      shouldShow: r,
+      setShouldShow: e,
+      children: /* @__PURE__ */ o(d, {})
     }
-  } = k();
-  if (!((n = e.options) != null && n.length)) return null;
-  const a = l.get(e.id), [u, s] = C(a), m = F(S((t, o) => {
-    r(t, o);
-  }, c), [r]), p = (t) => {
-    const o = `${t[0]}`;
-    s(o), m(e.id, o);
-  };
-  return /* @__PURE__ */ d(g, { spacing: "xs", children: [
-    /* @__PURE__ */ i(b, { variant: "link", onClick: () => {
-      s(""), r(e.id, "");
-    }, children: "Clear" }),
-    /* @__PURE__ */ i(V, { title: e.label, options: e.options, selected: [u], onChange: (t) => p(t) })
-  ] });
+  );
 });
 export {
-  I as RadioFilter
+  b as FiltersDropdown
 };

package/dist/index31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("mobx-react"),s=require("@veeqo/ui"),i=require("@veeqo/components"),l=require("./index32.cjs"),n=require("./index56.cjs"),{Glyph:d}=i.VeeqoCommon,c=t.observer(()=>{const{Filters:{isFiltersDropdownVisible:o,toggleFiltersDropdownVisible:r}}=n.useStores();return e.jsx(s.Dropdown,{id:"filters-dropdown",ctaProps:{iconSlot:e.jsx(d,{name:"filter"}),children:"Filters",loading:!1,disabled:!1,className:"act-toggle-filter",style:{borderRadius:s.theme.radius.base}},style:{padding:0},shouldShow:o,setShouldShow:r,children:e.jsx(l.FiltersList,{})})});exports.FiltersDropdown=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index7.cjs"),u=require("./index75.cjs"),c=require("./index32.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=o.useBusinessLogic();return e.jsx(u.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(c.FilterGroup,{data:i},r))})})});exports.FiltersList=a;

package/dist/index31.js

@@ -1,33 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { observer as s } from "mobx-react";
-import { Dropdown as t, theme as i } from "@veeqo/ui";
-import { VeeqoCommon as l } from "@veeqo/components";
-import { FiltersList as d } from "./index32.js";
-import { useStores as m } from "./index56.js";
-const {
-  Glyph: n
-} = l, b = s(() => {
-  const {
-    Filters: {
-      isFiltersDropdownVisible: r,
-      toggleFiltersDropdownVisible: e
-    }
-  } = m();
-  return /* @__PURE__ */ o(t, { id: "filters-dropdown", ctaProps: {
-    iconSlot: /* @__PURE__ */ o(n, { name: "filter" }),
-    children: "Filters",
-    loading: !1,
-    // TODO needs implementing?
-    disabled: !1,
-    // TODO needs implementing?
-    className: "act-toggle-filter",
-    style: {
-      borderRadius: i.radius.base
-    }
-  }, style: {
-    padding: 0
-  }, shouldShow: r, setShouldShow: e, children: /* @__PURE__ */ o(d, {}) });
+import { jsx as r } from "react/jsx-runtime";
+import { observer as e } from "mobx-react";
+import { Stack as m } from "@veeqo/ui";
+import { useBusinessLogic as s } from "./index7.js";
+import { AdaptiveHeightContainer as p } from "./index75.js";
+import { FilterGroup as n } from "./index32.js";
+const u = e(() => {
+  const { GROUP_MAP: t } = s();
+  return /* @__PURE__ */ r(p, { style: { minWidth: "360px" }, children: /* @__PURE__ */ r(m, { alignX: "stretch", children: Array.from(t).map(([o, i]) => /* @__PURE__ */ r(n, { data: i }, o)) }) });
 });
 export {
-  b as FiltersDropdown
+  u as FiltersList
 };

package/dist/index32.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),o=require("./index26.cjs"),u=require("./index7.cjs"),c=require("./index75.cjs"),a=s.observer(()=>{const{GROUP_MAP:t}=u.useBusinessLogic();return e.jsx(c.AdaptiveHeightContainer,{style:{minWidth:"360px"},children:e.jsx(n.Stack,{alignX:"stretch",children:Array.from(t).map(([r,i])=>e.jsx(o.FilterGroup,{data:i},r))})})});exports.FiltersList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("mobx-react"),n=require("@veeqo/ui"),c=require("@veeqo/components"),u=require("./index27.cjs"),t=require("./index44.cjs"),F=require("./index25.cjs"),a=require("./index29.cjs"),h=require("./index28.cjs"),p=require("./index26.cjs"),x=require("./index24.cjs"),y=require("./index23.cjs"),{Glyph:R}=c.VeeqoCommon,C=s.observer(({data:i})=>{const l=i.fields.filter(e=>e.filterType===t.FilterChoiceValue.TEXT||e.filterType===t.FilterChoiceValue.NUMBER),o=i.fields.filter(e=>e.filterType!==t.FilterChoiceValue.TEXT&&e.filterType!==t.FilterChoiceValue.NUMBER);return r.jsx(n.Accordion,{iconSlot:r.jsx(R,{name:"product-menu"}),label:i.label,children:r.jsxs(n.Stack,{children:[l.length>0?r.jsx(u.MultipleFieldFilter,{fields:l,groupId:i.id}):null,o.map(e=>{switch(e.filterType){case t.FilterChoiceValue.CHECKBOX:return e.fetchAsyncFilterOptions?r.jsx(y.AsyncCheckboxFilter,{field:e}):r.jsx(F.CheckboxFilter,{field:e});case t.FilterChoiceValue.RADIO:return e.fetchAsyncFilterOptions?r.jsx(x.AsyncRadioFilter,{field:e}):r.jsx(a.RadioFilter,{field:e});case t.FilterChoiceValue.DATE_RANGE:return r.jsx(p.DateRangeFilter,{field:e});case t.FilterChoiceValue.NUMBER_RANGE:return r.jsx(h.NumberRangeFilter,{field:e});default:return r.jsxs("div",{children:[e.id,": Unknown filter type: ",e.filterType]},e.id)}})]})})});exports.FilterGroup=C;

package/dist/index32.js

@@ -1,17 +1,43 @@
-import { jsx as r } from "react/jsx-runtime";
-import { observer as e } from "mobx-react";
-import { Stack as m } from "@veeqo/ui";
-import { FilterGroup as s } from "./index26.js";
-import { useBusinessLogic as p } from "./index7.js";
-import { AdaptiveHeightContainer as n } from "./index75.js";
-const u = e(() => {
-  const {
-    GROUP_MAP: t
-  } = p();
-  return /* @__PURE__ */ r(n, { style: {
-    minWidth: "360px"
-  }, children: /* @__PURE__ */ r(m, { alignX: "stretch", children: Array.from(t).map(([o, i]) => /* @__PURE__ */ r(s, { data: i }, o)) }) });
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { observer as m } from "mobx-react";
+import { Accordion as p, Stack as c } from "@veeqo/ui";
+import { VeeqoCommon as s } from "@veeqo/components";
+import { MultipleFieldFilter as f } from "./index27.js";
+import { FilterChoiceValue as t } from "./index44.js";
+import { CheckboxFilter as u } from "./index25.js";
+import { RadioFilter as F } from "./index29.js";
+import { NumberRangeFilter as a } from "./index28.js";
+import { DateRangeFilter as y } from "./index26.js";
+import { AsyncRadioFilter as T } from "./index24.js";
+import { AsyncCheckboxFilter as h } from "./index23.js";
+const { Glyph: R } = s, O = m(({ data: o }) => {
+  const i = o.fields.filter(
+    (r) => r.filterType === t.TEXT || r.filterType === t.NUMBER
+  ), l = o.fields.filter(
+    (r) => r.filterType !== t.TEXT && r.filterType !== t.NUMBER
+  );
+  return /* @__PURE__ */ e(p, { iconSlot: /* @__PURE__ */ e(R, { name: "product-menu" }), label: o.label, children: /* @__PURE__ */ n(c, { children: [
+    i.length > 0 ? /* @__PURE__ */ e(f, { fields: i, groupId: o.id }) : null,
+    l.map((r) => {
+      switch (r.filterType) {
+        case t.CHECKBOX:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(h, { field: r }) : /* @__PURE__ */ e(u, { field: r });
+        case t.RADIO:
+          return r.fetchAsyncFilterOptions ? /* @__PURE__ */ e(T, { field: r }) : /* @__PURE__ */ e(F, { field: r });
+        case t.DATE_RANGE:
+          return /* @__PURE__ */ e(y, { field: r });
+        case t.NUMBER_RANGE:
+          return /* @__PURE__ */ e(a, { field: r });
+        default:
+          return /* @__PURE__ */ n("div", { children: [
+            r.id,
+            ": Unknown filter type: ",
+            r.filterType
+          ] }, r.id);
+      }
+    })
+  ] }) });
 });
 export {
-  u as FiltersList
+  O as FilterGroup
 };

package/dist/index33.js

@@ -10,37 +10,12 @@ import { useDropdownManager as Z } from "./index51.js";
 import { useBusinessLogic as b } from "./index7.js";
 import { useStores as ee } from "./index56.js";
 import { Confirmation as ie } from "./index76.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
-    },
-    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 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 },
+    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);
@@ -63,21 +38,11 @@ const we = G(({
   }));
   const V = C(() => t ? "draft" : e.editable ? "saved" : "fixed", [t, e.editable]), {
     actions: {
-      create: {
-        handleSaveDraft: _
-      },
-      menu: {
-        toggleDropdown: h
-      },
-      delete: {
-        closeDeleteConfirmation: j,
-        handleDelete: k,
-        handleDeleteDraftView: g
-      }
-    },
-    state: {
-      shouldShowDeleteConfirmation: B
+      create: { handleSaveDraft: _ },
+      menu: { toggleDropdown: h },
+      delete: { closeDeleteConfirmation: j, handleDelete: k, handleDeleteDraftView: g }
     },
+    state: { shouldShowDeleteConfirmation: B },
     actions: q,
     state: D
   } = Z(e), H = C(() => {
@@ -85,9 +50,45 @@ const we = G(({
     if (t) return g;
   }, [g, t, w, h]);
   return /* @__PURE__ */ O(U, { children: [
-    /* @__PURE__ */ s($, { colourPalette: z.colors.secondary.blue, className: "act-react-listing-custom-view", active: n, id: e == null ? void 0 : e.id, name: a, type: V, count: I, onClick: R, subAction: H, ariaContext: "orders", ref: M, "aria-controls": "options-dropdown", "aria-expanded": D.shouldShowDropdown, "aria-haspopup": "dialog" }, e == null ? void 0 : e.id),
-    /* @__PURE__ */ s(ie, { shouldShow: B, viewName: a, onCancel: j, onDelete: k }),
-    /* @__PURE__ */ s(Q, { tabType: V, isActive: n, initialViewName: a, shouldShowCreateViewNotification: t, handleSaveDraft: _ }),
+    /* @__PURE__ */ s(
+      $,
+      {
+        colourPalette: z.colors.secondary.blue,
+        className: "act-react-listing-custom-view",
+        active: n,
+        id: e == null ? void 0 : e.id,
+        name: a,
+        type: V,
+        count: I,
+        onClick: R,
+        subAction: H,
+        ariaContext: "orders",
+        ref: M,
+        "aria-controls": "options-dropdown",
+        "aria-expanded": D.shouldShowDropdown,
+        "aria-haspopup": "dialog"
+      },
+      e == null ? void 0 : e.id
+    ),
+    /* @__PURE__ */ s(
+      ie,
+      {
+        shouldShow: B,
+        viewName: a,
+        onCancel: j,
+        onDelete: k
+      }
+    ),
+    /* @__PURE__ */ s(
+      Q,
+      {
+        tabType: V,
+        isActive: n,
+        initialViewName: a,
+        shouldShowCreateViewNotification: t,
+        handleSaveDraft: _
+      }
+    ),
     /* @__PURE__ */ s(X, { referenceElement: o, tab: e, ...q, ...D })
   ] });
 });

package/dist/index34.js

@@ -2,19 +2,20 @@ import { jsx as e } from "react/jsx-runtime";
 import { VeeqoCommon as r } from "@veeqo/components";
 import { Button as n, theme as c } from "@veeqo/ui";
 import { useDuplicateActiveView as l } from "./index52.js";
-const {
-  Glyph: m
-} = r, u = ({
-  hideActionsPopover: o
-}) => {
-  const {
-    duplicateView: t
-  } = l(), i = () => {
+const { Glyph: m } = r, u = ({ hideActionsPopover: o }) => {
+  const { duplicateView: t } = l(), i = () => {
     t(), o();
   };
-  return /* @__PURE__ */ e(n, { style: {
-    width: "100%"
-  }, iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }), variant: "flat", onClick: i, children: "Create View" });
+  return /* @__PURE__ */ e(
+    n,
+    {
+      style: { width: "100%" },
+      iconSlot: /* @__PURE__ */ e(m, { name: "add", size: "sm", color: c.colors.neutral.ink.base }),
+      variant: "flat",
+      onClick: i,
+      children: "Create View"
+    }
+  );
 };
 export {
   u as CreateView