@soppiya/app-bridge 1.1.4 → 1.1.6

package/dist/components/index.d.ts

@@ -4,6 +4,8 @@ export * from "./collections-pciker";
 export * from "./link-list-picker";
 export * from "./media";
 export * from "./meta-data";
+export * from "./metaobjects-entries-picker";
+export * from "./metaobjects-picker";
 export * from "./pages-picker";
 export * from "./products-picker";
 export * from "./savebar";

package/dist/components/index.js

@@ -4,6 +4,8 @@ export * from "./collections-pciker/index.js";
 export * from "./link-list-picker/index.js";
 export * from "./media/index.js";
 export * from "./meta-data/index.js";
+export * from "./metaobjects-entries-picker/index.js";
+export * from "./metaobjects-picker/index.js";
 export * from "./pages-picker/index.js";
 export * from "./products-picker/index.js";
 export * from "./savebar/index.js";

package/dist/components/media/Media.js

@@ -98,7 +98,7 @@ const Media_Media = ({ title = "Media", types = [
         alignItems: "center",
         children: [
             /*#__PURE__*/ jsxs(BlockStack, {
-                className: "!max-w-[150px] w-full",
+                className: "max-w-[150px]! w-full",
                 gapY: 30,
                 children: [
                     /*#__PURE__*/ jsxs(InlineStack, {
@@ -192,7 +192,7 @@ const Media_Media = ({ title = "Media", types = [
                                             children: [
                                                 /*#__PURE__*/ jsx(Button, {
                                                     color: "primary",
-                                                    className: "!px-[8px]",
+                                                    className: "px-2!",
                                                     onClick: ()=>ref.current?.click(),
                                                     children: /*#__PURE__*/ jsx(SoppiyaIcon, {
                                                         size: "sm",
@@ -250,7 +250,7 @@ const Media_Media = ({ title = "Media", types = [
                                             children: /*#__PURE__*/ jsx(Button, {
                                                 variant: "outline",
                                                 color: "secondary",
-                                                className: "!px-[8px]",
+                                                className: "px-2!",
                                                 onClick: toggleView,
                                                 children: /*#__PURE__*/ jsx(SoppiyaIcon, {
                                                     size: "sm",
@@ -308,7 +308,7 @@ const Media_Media = ({ title = "Media", types = [
                             /*#__PURE__*/ jsxs(BlockStack, {
                                 gapY: 90,
                                 className: classnames("max-h-[calc(100dvh-300px)] overflow-x-hidden overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", {
-                                    "md:!w-[calc(100%-300px)] lg:!w-[calc(100%-336px)]": Boolean(preview)
+                                    "md:w-[calc(100%-300px)]! lg:w-[calc(100%-336px)]!": Boolean(preview)
                                 }),
                                 children: [
                                     /*#__PURE__*/ jsx(Box, {
@@ -316,8 +316,8 @@ const Media_Media = ({ title = "Media", types = [
                                         children: /*#__PURE__*/ jsx(Box, {
                                             className: classnames("grid", {
                                                 "grid-cols-[repeat(1,1fr)]": view === View.List,
-                                                "grid-cols-[repeat(auto-fill,minmax(150px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(117px,1fr))] !rounded-[6px] gap-[20px] lg:gap-[35px]": view === View.Grid,
-                                                "gap-[20px]": view === View.Grid && Boolean(preview)
+                                                "grid-cols-[repeat(auto-fill,minmax(150px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(117px,1fr))] rounded-md! gap-5 lg:gap-[35px]": view === View.Grid,
+                                                "gap-5": view === View.Grid && Boolean(preview)
                                             }),
                                             children: medias.map((media)=>/*#__PURE__*/ jsx(MediaItem, {
                                                     view: view,

package/dist/components/meta-data/ui/BooleanMetaField.js

@@ -1,22 +1,24 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Radio } from "@soppiya/elementus";
-const BooleanMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs("div", {
+import { BlockStack, InlineStack, Radio } from "@soppiya/elementus";
+const BooleanMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs(InlineStack, {
+        justifyContent: "space-between",
         children: [
-            /*#__PURE__*/ jsxs("div", {
+            /*#__PURE__*/ jsxs(BlockStack, {
+                gapY: 60,
                 children: [
                     /*#__PURE__*/ jsx(Radio, {
                         label: "True",
                         name: "boolean",
                         checked: "true" === value,
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value)
+                        labelPosition: "center",
+                        onChange: (e)=>onChange("true")
                     }),
                     /*#__PURE__*/ jsx(Radio, {
                         label: "False",
                         name: "boolean",
                         checked: "false" === value,
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value)
+                        labelPosition: "center",
+                        onChange: (e)=>onChange("false")
                     })
                 ]
             }),

package/dist/components/meta-data/ui/DateAndTimeMetaField.js

@@ -10,7 +10,6 @@ const DateAndTimeMetaField = ({ entry, value, children, onChange })=>{
     const transformValue = ()=>{
         if (!value) return "";
         const date = moment(Number(value)).format("YYYY-MM-DDThh:mm");
-        console.log(date);
         return date ? date : "";
     };
     return /*#__PURE__*/ jsxs(InlineStack, {

package/dist/components/meta-data/ui/MetaDataItem.js

@@ -168,7 +168,7 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                     }),
                     activeMetaField && /*#__PURE__*/ jsx(Card, {
                         radius: 6,
-                        className: classnames('invisible absolute p-4! left-0 md:-left-5 top-0.5 md:w-[calc(100%+40px)]! z-20', {
+                        className: classnames('invisible absolute p-4! left-0 md:-left-5! top-0.5 md:w-[calc(100%+40px)]! z-20', {
                             visible: activeMetaField
                         }),
                         ref: metaFieldRef,
@@ -196,6 +196,7 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                                 ""
                             ] : value).map((v, key)=>/*#__PURE__*/ jsx(MetaFieldJSX, {
                                     entry: metaField.entry,
+                                    value: v,
                                     onChange: (v)=>handleChange(v, key),
                                     children: /*#__PURE__*/ jsx(InlineStack, {
                                         alignItems: "center",

package/dist/components/meta-data/ui/MetaDataTypePopup.js

@@ -38,7 +38,7 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
                                     md: children ? 70 : 0
                                 }
                             },
-                            className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0 ",
+                            className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0",
                             children: children
                         }),
                         isMultiple && /*#__PURE__*/ jsx(BlockStack, {

package/dist/components/metaobjects-entries-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as MetaobjectEntriesPicker } from "./ui/MetaobjectEntriesPicker";

package/dist/components/metaobjects-entries-picker/index.js

@@ -0,0 +1,2 @@
+import MetaobjectEntriesPicker from "./ui/MetaobjectEntriesPicker.js";
+export { MetaobjectEntriesPicker };

package/dist/components/metaobjects-entries-picker/ui/MetaobjectEntriesPicker.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    title?: string;
+    initialIds?: string[];
+    limit?: number;
+    metaobjects?: string[];
+    onClose?: () => void;
+    onOk?: (metaobjectEntries: string[]) => void;
+};
+declare const MetaobjectEntriesPicker: ({ title, initialIds, limit, metaobjects, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MetaobjectEntriesPicker;

package/dist/components/{metafield-entries/ui/MetaobjectEntries.js → metaobjects-entries-picker/ui/MetaobjectEntriesPicker.js}

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useMetaobjectEntries } from "../model/useMetaobjectEntries.js";
-const MetaobjectEntries_MetaobjectEntries = ({ title = "Metaobject entries", initialIds = [], limit = 1 / 0, metaobjects = [], onClose, onOk })=>{
+const MetaobjectEntriesPicker = ({ title = "Metaobject entries", initialIds = [], limit = 1 / 0, metaobjects = [], onClose, onOk })=>{
     const [selectedMetaobjectEntries, setSelectedMetaobjectEntries] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { metaobjectEntries, isLoadingMetaobjectEntries, fetchMoreMetaobjectEntries, pageInfo } = useMetaobjectEntries({
@@ -104,5 +104,5 @@ const MetaobjectEntries_MetaobjectEntries = ({ title = "Metaobject entries", ini
         })
     });
 };
-const MetaobjectEntries = MetaobjectEntries_MetaobjectEntries;
-export { MetaobjectEntries as default };
+const ui_MetaobjectEntriesPicker = MetaobjectEntriesPicker;
+export { ui_MetaobjectEntriesPicker as default };

package/dist/components/{metafield-entries/ui/MetaobjectEntries.stories.d.ts → metaobjects-entries-picker/ui/MetaobjectEntriesPicker.stories.d.ts}

@@ -6,7 +6,7 @@ declare const meta: {
         limit?: number;
         metaobjects?: string[];
         onClose?: () => void;
-        onOk?: (linklist: string[]) => void;
+        onOk?: (metaobjectEntries: string[]) => void;
     }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;

package/dist/components/metaobjects-entries-picker/ui/MetaobjectEntriesPicker.stories.js

@@ -0,0 +1,10 @@
+import MetaobjectEntriesPicker from "./MetaobjectEntriesPicker.js";
+const meta = {
+    title: "Example/MetaobjectEntriesPicker",
+    component: MetaobjectEntriesPicker
+};
+const MetaobjectEntriesPicker_stories = meta;
+const Default = {
+    args: {}
+};
+export { Default, MetaobjectEntriesPicker_stories as default };

package/dist/components/metaobjects-picker/api/query.d.ts

@@ -0,0 +1,8 @@
+export declare const metaobjectQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").MetaobjectsQuery, import("../../../shared/graphql/graphql").Exact<{
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").MetaobjectFilterKeys>;
+    after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+}>>;

package/dist/components/metaobjects-picker/api/query.js

@@ -0,0 +1,18 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const metaobjectQuery = graphql(`query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {
+  metaobjects(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    edges {
+      node {
+        _id
+        name
+      }
+    }
+  }
+}`);
+export { metaobjectQuery };

package/dist/components/metaobjects-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as MetaobjectsPicker } from "./ui/MetaobjectsPicker";

package/dist/components/metaobjects-picker/index.js

@@ -0,0 +1,2 @@
+import MetaobjectsPicker from "./ui/MetaobjectsPicker.js";
+export { MetaobjectsPicker };

package/dist/components/metaobjects-picker/model/useMetaobjects.d.ts

@@ -0,0 +1,24 @@
+import { MetaobjectFilterKeys } from "../../../shared/graphql/graphql";
+type Props = {
+    skip?: boolean;
+    first?: number;
+    query?: string | null;
+    filterKeys?: MetaobjectFilterKeys;
+};
+export declare const useMetaobjects: (props?: Props) => {
+    metaobjects: {
+        __typename: "Metaobject";
+        _id?: string | null;
+        name?: string | null;
+    }[] | undefined;
+    isMetaobjectsLoading: boolean;
+    pageInfo: {
+        __typename: "PageInfo";
+        endCursor?: string | null;
+        hasNextPage?: boolean | null;
+        hasPreviousPage?: boolean | null;
+        startCursor?: string | null;
+    } | null | undefined;
+    fetchMoreMetaobjects: () => void;
+};
+export {};

package/dist/components/metaobjects-picker/model/useMetaobjects.js

@@ -0,0 +1,45 @@
+import { useQuery } from "@apollo/client/react";
+import { metaobjectQuery } from "../api/query.js";
+const useMetaobjects = (props = {})=>{
+    const { skip, first, query, filterKeys } = props;
+    const { data, loading: isMetaobjectsLoading, error, fetchMore } = useQuery(metaobjectQuery, {
+        skip,
+        variables: {
+            first,
+            query,
+            filterKeys
+        }
+    });
+    const metaobjects = data?.metaobjects?.edges?.map((edge)=>edge?.node).filter((node)=>null != node);
+    const pageInfo = data?.metaobjects?.pageInfo;
+    const fetchMoreMetaobjects = ()=>{
+        if (!pageInfo?.hasNextPage) return;
+        fetchMore({
+            variables: {
+                first,
+                query,
+                filterKeys,
+                after: pageInfo.endCursor
+            },
+            updateQuery (prev, { fetchMoreResult }) {
+                if (!fetchMoreResult.metaobjects?.edges || !prev.metaobjects?.edges) return prev;
+                return {
+                    metaobjects: {
+                        ...fetchMoreResult.metaobjects,
+                        edges: [
+                            ...prev.metaobjects.edges,
+                            ...fetchMoreResult.metaobjects.edges
+                        ]
+                    }
+                };
+            }
+        });
+    };
+    return {
+        metaobjects,
+        isMetaobjectsLoading,
+        pageInfo,
+        fetchMoreMetaobjects
+    };
+};
+export { useMetaobjects };

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    title?: string;
+    initialIds?: string[];
+    limit?: number;
+    onClose?: () => void;
+    onOk?: (metaobjectEntries: string[]) => void;
+};
+declare const MetaobjectsPicker: ({ title, initialIds, limit, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MetaobjectsPicker;

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InfinityScroll } from "../../infinity-scroll/index.js";
+import { useFilterQuery } from "../../../shared/lib/index.js";
+import { BlockStack, Box, Button, Checkbox, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
+import classnames from "classnames";
+import lodash from "lodash";
+import { useState } from "react";
+import { useMetaobjects } from "../model/useMetaobjects.js";
+const MetaobjectsPicker = ({ title = "Metaobjects", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+    const [selectedMetaobject, setSelectedMetaobject] = useState(initialIds);
+    const { query, debounceQuery, onChangeQuery } = useFilterQuery();
+    const { metaobjects, isMetaobjectsLoading, fetchMoreMetaobjects, pageInfo } = useMetaobjects({
+        first: 20,
+        query: debounceQuery
+    });
+    const isReached = limit !== 1 / 0 && selectedMetaobject.length >= limit;
+    const isDisabled = limit !== 1 / 0 && selectedMetaobject.length > limit;
+    const handleSelectedMetaobject = (metaobjectId)=>{
+        if (selectedMetaobject?.includes(metaobjectId)) return void setSelectedMetaobject((prev)=>prev.filter((id)=>metaobjectId !== id));
+        if (isReached) return;
+        setSelectedMetaobject((prev)=>[
+                ...prev,
+                metaobjectId
+            ]);
+    };
+    const handleOk = ()=>{
+        if (lodash.isFunction(onOk)) onOk(selectedMetaobject);
+    };
+    const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
+        justifyContent: "end",
+        children: /*#__PURE__*/ jsx(Button, {
+            disabled: lodash.isEmpty(selectedMetaobject) || isDisabled,
+            onClick: handleOk,
+            children: "Add"
+        })
+    });
+    return /*#__PURE__*/ jsx(Modal, {
+        open: true,
+        title: title,
+        buttons: ButtonJSX,
+        bodyPadding: 0,
+        onClose: onClose,
+        children: /*#__PURE__*/ jsxs(BlockStack, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    padding: 60,
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        type: "search",
+                        value: query ?? "",
+                        onChange: (event)=>onChangeQuery(event.target.value)
+                    })
+                }),
+                isMetaobjectsLoading ? /*#__PURE__*/ jsx(InlineStack, {
+                    justifyContent: "center",
+                    padding: 80,
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        size: "md"
+                    })
+                }) : /*#__PURE__*/ jsxs(BlockStack, {
+                    children: [
+                        metaobjects?.map((metaobjects)=>/*#__PURE__*/ jsxs(InlineStack, {
+                                stack: "full",
+                                className: classnames('lg:cursor-pointer border-t border-t-[#ebebeb]!', {
+                                    'bg-[#f1f1f1ab] cursor-default!': !selectedMetaobject.includes(metaobjects._id) && isReached
+                                }),
+                                gapX: 60,
+                                padding: 60,
+                                onClick: ()=>handleSelectedMetaobject(String(metaobjects._id)),
+                                children: [
+                                    /*#__PURE__*/ jsx(InlineStack, {
+                                        alignItems: "center",
+                                        gapX: 60,
+                                        children: /*#__PURE__*/ jsx(Box, {
+                                            children: /*#__PURE__*/ jsx(Checkbox, {
+                                                disabled: !selectedMetaobject.includes(metaobjects._id) && isReached,
+                                                checked: selectedMetaobject.includes(String(metaobjects._id)),
+                                                onChange: ()=>{}
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(BlockStack, {
+                                        gapY: 30,
+                                        justifyContent: "center",
+                                        children: /*#__PURE__*/ jsx(Text, {
+                                            size: "sm",
+                                            color: "secondary",
+                                            truncate: "truncate-1",
+                                            children: metaobjects.name
+                                        })
+                                    })
+                                ]
+                            }, metaobjects._id)),
+                        pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
+                            onFetch: fetchMoreMetaobjects
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const ui_MetaobjectsPicker = MetaobjectsPicker;
+export { ui_MetaobjectsPicker as default };

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.stories.d.ts

@@ -0,0 +1,14 @@
+declare const meta: {
+    title: string;
+    component: ({ title, initialIds, limit, onClose, onOk }: {
+        title?: string;
+        initialIds?: string[];
+        limit?: number;
+        onClose?: () => void;
+        onOk?: (metaobjectEntries: string[]) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+};

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.stories.js

@@ -0,0 +1,10 @@
+import MetaobjectsPicker from "./MetaobjectsPicker.js";
+const meta = {
+    title: "Example/MetaobjectsPicker",
+    component: MetaobjectsPicker
+};
+const MetaobjectsPicker_stories = meta;
+const Default = {
+    args: {}
+};
+export { Default, MetaobjectsPicker_stories as default };

package/dist/shared/graphql/gql.d.ts

@@ -23,6 +23,7 @@ type Documents = {
     "\n  mutation DeleteMedias($cursors: [ID!]!) {\n    deleteMedias(cursors: $cursors) {\n      message\n    }\n  }\n": typeof types.DeleteMediasDocument;
     "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}": typeof types.MetafieldsDocument;
     "query MetaobjectEntries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: MetaobjectEntryFilterKeys) {\n  metaobjectEntries(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n      }\n    }\n  }\n}": typeof types.MetaobjectEntriesDocument;
+    "query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        name\n      }\n    }\n  }\n}": typeof types.MetaobjectsDocument;
     "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": typeof types.PagesDocument;
     "\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n": typeof types.ProductsDocument;
     "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": typeof types.VariantsDocument;
@@ -85,6 +86,10 @@ export declare function graphql(source: "query Metafields($filterKeys: Metafield
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export declare function graphql(source: "query MetaobjectEntries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: MetaobjectEntryFilterKeys) {\n  metaobjectEntries(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n      }\n    }\n  }\n}"): (typeof documents)["query MetaobjectEntries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: MetaobjectEntryFilterKeys) {\n  metaobjectEntries(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n      }\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        name\n      }\n    }\n  }\n}"): (typeof documents)["query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        name\n      }\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

package/dist/shared/graphql/gql.js

@@ -1,4 +1,4 @@
-import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, LinklistsDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, MetaobjectEntriesDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
+import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, LinklistsDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, MetaobjectEntriesDocument, MetaobjectsDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
 const documents = {
     "query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}": ArticlesDocument,
     "query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": BlogsDocument,
@@ -11,6 +11,7 @@ const documents = {
     "\n  mutation DeleteMedias($cursors: [ID!]!) {\n    deleteMedias(cursors: $cursors) {\n      message\n    }\n  }\n": DeleteMediasDocument,
     "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}": MetafieldsDocument,
     "query MetaobjectEntries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: MetaobjectEntryFilterKeys) {\n  metaobjectEntries(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n      }\n    }\n  }\n}": MetaobjectEntriesDocument,
+    "query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        name\n      }\n    }\n  }\n}": MetaobjectsDocument,
     "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": PagesDocument,
     "\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n": ProductsDocument,
     "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": VariantsDocument

package/dist/shared/graphql/graphql.d.ts

@@ -75,6 +75,7 @@ export type AddArticle = {
     meta_description?: InputMaybe<Scalars['String']['input']>;
     meta_tags?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
     meta_title?: InputMaybe<Scalars['String']['input']>;
+    metafields?: InputMaybe<Array<InputMaybe<MetafieldInput>>>;
     status?: InputMaybe<ArticleStatus>;
     template?: InputMaybe<Scalars['String']['input']>;
     title: Scalars['String']['input'];
@@ -253,6 +254,7 @@ export type AddPage = {
     meta_description?: InputMaybe<Scalars['String']['input']>;
     meta_tags?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
     meta_title?: InputMaybe<Scalars['String']['input']>;
+    metafields?: InputMaybe<Array<InputMaybe<MetafieldInput>>>;
     status: PageStatus;
     template?: InputMaybe<Scalars['String']['input']>;
     title: Scalars['String']['input'];
@@ -2453,19 +2455,13 @@ export type MetaobjectFieldInput = {
     type: MetaobjectFieldType;
 };
 export declare enum MetaobjectFieldType {
-    article_ref = "article_ref",
-    blog_ref = "blog_ref",
     boolean = "boolean",
-    collection_ref = "collection_ref",
     color = "color",
     date = "date",
     date_time = "date_time",
     multiline_text = "multiline_text",
     number = "number",
-    page_ref = "page_ref",
-    product_ref = "product_ref",
-    single_line_text = "single_line_text",
-    variant_ref = "variant_ref"
+    single_line_text = "single_line_text"
 }
 export type MetaobjectFilterKeys = {
     cursors?: InputMaybe<Array<Scalars['ID']['input']>>;
@@ -3585,7 +3581,6 @@ export type PageInfo = {
 };
 export declare enum PageSortKeys {
     _id = "_id",
-    blog = "blog",
     createdAt = "createdAt",
     status = "status",
     title = "title",
@@ -6764,6 +6759,34 @@ export type MetaobjectEntriesQuery = {
         } | null> | null;
     } | null;
 };
+export type MetaobjectsQueryVariables = Exact<{
+    filterKeys?: InputMaybe<MetaobjectFilterKeys>;
+    after?: InputMaybe<Scalars['ID']['input']>;
+    before?: InputMaybe<Scalars['ID']['input']>;
+    first?: InputMaybe<Scalars['Int']['input']>;
+    last?: InputMaybe<Scalars['Int']['input']>;
+    query?: InputMaybe<Scalars['String']['input']>;
+}>;
+export type MetaobjectsQuery = {
+    metaobjects?: {
+        __typename: 'MetaobjectConnection';
+        pageInfo?: {
+            __typename: 'PageInfo';
+            endCursor?: string | null;
+            hasNextPage?: boolean | null;
+            hasPreviousPage?: boolean | null;
+            startCursor?: string | null;
+        } | null;
+        edges?: Array<{
+            __typename: 'MetaobjectEdge';
+            node?: {
+                __typename: 'Metaobject';
+                _id?: string | null;
+                name?: string | null;
+            } | null;
+        } | null> | null;
+    } | null;
+};
 export type PagesQueryVariables = Exact<{
     filterKeys?: InputMaybe<PageFilterKeys>;
     after?: InputMaybe<Scalars['ID']['input']>;
@@ -6881,6 +6904,7 @@ export declare const AddMediasDocument: DocumentNode<AddMediasMutation, AddMedia
 export declare const DeleteMediasDocument: DocumentNode<DeleteMediasMutation, DeleteMediasMutationVariables>;
 export declare const MetafieldsDocument: DocumentNode<MetafieldsQuery, MetafieldsQueryVariables>;
 export declare const MetaobjectEntriesDocument: DocumentNode<MetaobjectEntriesQuery, MetaobjectEntriesQueryVariables>;
+export declare const MetaobjectsDocument: DocumentNode<MetaobjectsQuery, MetaobjectsQueryVariables>;
 export declare const PagesDocument: DocumentNode<PagesQuery, PagesQueryVariables>;
 export declare const ProductsDocument: DocumentNode<ProductsQuery, ProductsQueryVariables>;
 export declare const VariantsDocument: DocumentNode<VariantsQuery, VariantsQueryVariables>;

package/dist/shared/graphql/graphql.js

@@ -511,19 +511,13 @@ var graphql_MetaobjectEntrySortKeys = /*#__PURE__*/ function(MetaobjectEntrySort
     return MetaobjectEntrySortKeys;
 }({});
 var graphql_MetaobjectFieldType = /*#__PURE__*/ function(MetaobjectFieldType) {
-    MetaobjectFieldType["article_ref"] = "article_ref";
-    MetaobjectFieldType["blog_ref"] = "blog_ref";
     MetaobjectFieldType["boolean"] = "boolean";
-    MetaobjectFieldType["collection_ref"] = "collection_ref";
     MetaobjectFieldType["color"] = "color";
     MetaobjectFieldType["date"] = "date";
     MetaobjectFieldType["date_time"] = "date_time";
     MetaobjectFieldType["multiline_text"] = "multiline_text";
     MetaobjectFieldType["number"] = "number";
-    MetaobjectFieldType["page_ref"] = "page_ref";
-    MetaobjectFieldType["product_ref"] = "product_ref";
     MetaobjectFieldType["single_line_text"] = "single_line_text";
-    MetaobjectFieldType["variant_ref"] = "variant_ref";
     return MetaobjectFieldType;
 }({});
 var graphql_MetaobjectSortKeys = /*#__PURE__*/ function(MetaobjectSortKeys) {
@@ -536,7 +530,6 @@ var graphql_MetaobjectSortKeys = /*#__PURE__*/ function(MetaobjectSortKeys) {
 }({});
 var graphql_PageSortKeys = /*#__PURE__*/ function(PageSortKeys) {
     PageSortKeys["_id"] = "_id";
-    PageSortKeys["blog"] = "blog";
     PageSortKeys["createdAt"] = "createdAt";
     PageSortKeys["status"] = "status";
     PageSortKeys["title"] = "title";
@@ -3294,6 +3287,304 @@ const MetaobjectEntriesDocument = {
         }
     ]
 };
+const MetaobjectsDocument = {
+    kind: "Document",
+    definitions: [
+        {
+            kind: "OperationDefinition",
+            operation: "query",
+            name: {
+                kind: "Name",
+                value: "Metaobjects"
+            },
+            variableDefinitions: [
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "filterKeys"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "MetaobjectFilterKeys"
+                        }
+                    }
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "after"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "ID"
+                        }
+                    }
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "before"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "ID"
+                        }
+                    }
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "first"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "Int"
+                        }
+                    }
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "last"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "Int"
+                        }
+                    }
+                },
+                {
+                    kind: "VariableDefinition",
+                    variable: {
+                        kind: "Variable",
+                        name: {
+                            kind: "Name",
+                            value: "query"
+                        }
+                    },
+                    type: {
+                        kind: "NamedType",
+                        name: {
+                            kind: "Name",
+                            value: "String"
+                        }
+                    }
+                }
+            ],
+            selectionSet: {
+                kind: "SelectionSet",
+                selections: [
+                    {
+                        kind: "Field",
+                        name: {
+                            kind: "Name",
+                            value: "metaobjects"
+                        },
+                        arguments: [
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "filterKeys"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "filterKeys"
+                                    }
+                                }
+                            },
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "after"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "after"
+                                    }
+                                }
+                            },
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "before"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "before"
+                                    }
+                                }
+                            },
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "first"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "first"
+                                    }
+                                }
+                            },
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "last"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "last"
+                                    }
+                                }
+                            },
+                            {
+                                kind: "Argument",
+                                name: {
+                                    kind: "Name",
+                                    value: "query"
+                                },
+                                value: {
+                                    kind: "Variable",
+                                    name: {
+                                        kind: "Name",
+                                        value: "query"
+                                    }
+                                }
+                            }
+                        ],
+                        selectionSet: {
+                            kind: "SelectionSet",
+                            selections: [
+                                {
+                                    kind: "Field",
+                                    name: {
+                                        kind: "Name",
+                                        value: "pageInfo"
+                                    },
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            {
+                                                kind: "Field",
+                                                name: {
+                                                    kind: "Name",
+                                                    value: "endCursor"
+                                                }
+                                            },
+                                            {
+                                                kind: "Field",
+                                                name: {
+                                                    kind: "Name",
+                                                    value: "hasNextPage"
+                                                }
+                                            },
+                                            {
+                                                kind: "Field",
+                                                name: {
+                                                    kind: "Name",
+                                                    value: "hasPreviousPage"
+                                                }
+                                            },
+                                            {
+                                                kind: "Field",
+                                                name: {
+                                                    kind: "Name",
+                                                    value: "startCursor"
+                                                }
+                                            }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: "Field",
+                                    name: {
+                                        kind: "Name",
+                                        value: "edges"
+                                    },
+                                    selectionSet: {
+                                        kind: "SelectionSet",
+                                        selections: [
+                                            {
+                                                kind: "Field",
+                                                name: {
+                                                    kind: "Name",
+                                                    value: "node"
+                                                },
+                                                selectionSet: {
+                                                    kind: "SelectionSet",
+                                                    selections: [
+                                                        {
+                                                            kind: "Field",
+                                                            name: {
+                                                                kind: "Name",
+                                                                value: "_id"
+                                                            }
+                                                        },
+                                                        {
+                                                            kind: "Field",
+                                                            name: {
+                                                                kind: "Name",
+                                                                value: "name"
+                                                            }
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};
 const PagesDocument = {
     kind: "Document",
     definitions: [
@@ -4306,4 +4597,4 @@ const VariantsDocument = {
         }
     ]
 };
-export { graphql_AccountEmailIntent as AccountEmailIntent, graphql_AccountEmailUpdateActionIntent as AccountEmailUpdateActionIntent, AddMediasDocument, graphql_graphql_AppSortKeys as AppSortKeys, graphql_ArticleCommentPermission as ArticleCommentPermission, graphql_ArticleSortKeys as ArticleSortKeys, graphql_ArticleStatus as ArticleStatus, ArticlesDocument, graphql_BlogSortKeys as BlogSortKeys, BlogsDocument, graphql_CartDiscountScope as CartDiscountScope, graphql_CartDiscountSource as CartDiscountSource, graphql_CartDiscountStatus as CartDiscountStatus, graphql_CartDiscountType as CartDiscountType, graphql_CartLineItemSource as CartLineItemSource, graphql_CartSortkeys as CartSortkeys, graphql_CartStatus as CartStatus, graphql_CheckoutAutoFulfillment as CheckoutAutoFulfillment, graphql_CheckoutContactMethod as CheckoutContactMethod, graphql_CheckoutExcludeRequiredOptional as CheckoutExcludeRequiredOptional, graphql_CheckoutNameRequirement as CheckoutNameRequirement, graphql_CollectionProductSortkey as CollectionProductSortkey, graphql_CollectionSortKey as CollectionSortKey, CollectionsDocument, graphql_CustomerAddressSortkeys as CustomerAddressSortkeys, graphql_CustomerSegmentCombine as CustomerSegmentCombine, graphql_CustomerSegmentConditionField as CustomerSegmentConditionField, graphql_CustomerSegmentConditionOperator as CustomerSegmentConditionOperator, graphql_CustomerSegmentSortkeys as CustomerSegmentSortkeys, graphql_CustomerSortkeys as CustomerSortkeys, graphql_DefaultThemeTemplateType as DefaultThemeTemplateType, DeleteMediasDocument, graphql_DeliveryProfileSortKeys as DeliveryProfileSortKeys, graphql_DeliveryZoneRateConditionType as DeliveryZoneRateConditionType, graphql_DeliveryZoneSortKeys as DeliveryZoneSortKeys, graphql_DiscountAooMinimumPurchaseType as DiscountAooMinimumPurchaseType, graphql_DiscountAooType as DiscountAooType, graphql_DiscountAopApplication as DiscountAopApplication, graphql_DiscountAopMinimunPurchaseType as DiscountAopMinimunPurchaseType, graphql_DiscountAopType as DiscountAopType, graphql_DiscountApplication as DiscountApplication, graphql_DiscountBxgyApplication as DiscountBxgyApplication, graphql_DiscountBxgyMinimunPurchaseType as DiscountBxgyMinimunPurchaseType, graphql_DiscountBxgyOfferApplication as DiscountBxgyOfferApplication, graphql_DiscountBxgyType as DiscountBxgyType, graphql_DiscountFsMinimunPurchaseType as DiscountFsMinimunPurchaseType, graphql_DiscountFsType as DiscountFsType, graphql_DiscountSortKeys as DiscountSortKeys, graphql_DiscountType as DiscountType, graphql_DomainRecordType as DomainRecordType, graphql_DomainSortkeys as DomainSortkeys, graphql_EditThemeTemplateType as EditThemeTemplateType, graphql_InventorySortKeys as InventorySortKeys, graphql_LinklistSortKeys as LinklistSortKeys, graphql_LinklistType as LinklistType, LinklistsDocument, graphql_LocationSortKeys as LocationSortKeys, graphql_LogActions as LogActions, graphql_LogResources as LogResources, graphql_LogSortKeys as LogSortKeys, graphql_LoginMethod as LoginMethod, graphql_MarketSortKeys as MarketSortKeys, graphql_MarketVariantSortKeys as MarketVariantSortKeys, graphql_MediaSortKeys as MediaSortKeys, graphql_MediaType as MediaType, MediaUsageDocument, MediasDocument, graphql_MetafieldEntryType as MetafieldEntryType, graphql_MetafieldScope as MetafieldScope, graphql_MetafieldSortKeys as MetafieldSortKeys, graphql_MetafieldType as MetafieldType, MetafieldsDocument, MetaobjectEntriesDocument, graphql_MetaobjectEntrySortKeys as MetaobjectEntrySortKeys, graphql_MetaobjectFieldType as MetaobjectFieldType, graphql_MetaobjectSortKeys as MetaobjectSortKeys, graphql_PageSortKeys as PageSortKeys, graphql_PageStatus as PageStatus, PagesDocument, graphql_PayStoreInvoiceStatus as PayStoreInvoiceStatus, graphql_PaymentChargeType as PaymentChargeType, graphql_PaymentSortKeys as PaymentSortKeys, graphql_PaymentType as PaymentType, graphql_PickupProfileReadyIn as PickupProfileReadyIn, graphql_PickupProfileSortKeys as PickupProfileSortKeys, graphql_PresetSortKeys as PresetSortKeys, graphql_PresetType as PresetType, graphql_ProductSortKeys as ProductSortKeys, graphql_ProductStatus as ProductStatus, ProductsDocument, graphql_PurchaseSortKeys as PurchaseSortKeys, graphql_PurchaseStatus as PurchaseStatus, graphql_RedirectSortKeys as RedirectSortKeys, graphql_ShippingProfileSortKeys as ShippingProfileSortKeys, graphql_ShippingZoneRateConditionType as ShippingZoneRateConditionType, graphql_ShippingZoneSortKeys as ShippingZoneSortKeys, graphql_StaffAppPermission as StaffAppPermission, graphql_StaffSortKeys as StaffSortKeys, StoragePlanDocument, graphql_StoreInvoiceBeneficiary as StoreInvoiceBeneficiary, graphql_StoreInvoicePaymentStatus as StoreInvoicePaymentStatus, graphql_StoreInvoiceRefundStatus as StoreInvoiceRefundStatus, graphql_StoreInvoiceSortKeys as StoreInvoiceSortKeys, graphql_StoreLengthUnit as StoreLengthUnit, graphql_StoreSortkeys as StoreSortkeys, graphql_StoreWeightUnit as StoreWeightUnit, graphql_SupplierSortKeys as SupplierSortKeys, graphql_TaxOverrideLevel as TaxOverrideLevel, graphql_TaxOverrideType as TaxOverrideType, graphql_TaxSortKeys as TaxSortKeys, graphql_graphql_ThemeSortKeys as ThemeSortKeys, graphql_TransferSortKeys as TransferSortKeys, graphql_TransferStatus as TransferStatus, graphql_UserDeviceSortKeys as UserDeviceSortKeys, graphql_UserPasskeySortKeys as UserPasskeySortKeys, graphql_UserSessionSortKeys as UserSessionSortKeys, graphql_VariantSortKeys as VariantSortKeys, graphql_VariantStatus as VariantStatus, VariantsDocument, graphql_WhoamiType as WhoamiType, graphql_AppSortKeys as _AppSortKeys, graphql_CategorySortKeys as _CategorySortKeys, graphql_ContinentSortKeys as _ContinentSortKeys, graphql_CountrySortKeys as _CountrySortKeys, graphql_CurrencySortKeys as _CurrencySortKeys, graphql_HscodeSortKeys as _HscodeSortKeys, graphql_LanguageSortKeys as _LanguageSortKeys, graphql_PackageSortKeys as _PackageSortKeys, graphql_PaymentGatewaySortKeys as _PaymentGatewaySortKeys, graphql_PaymentProviderSortKeys as _PaymentProviderSortKeys, graphql_PhoneSortKeys as _PhoneSortKeys, graphql_RegionSortKeys as _RegionSortKeys, graphql_SoppiyaPaymentSortKeys as _SoppiyaPaymentSortKeys, graphql_ThemeSortKeys as _ThemeSortKeys, graphql_ThemeVersionSortKeys as _ThemeVersionSortKeys, graphql_TimezoneSortKeys as _TimezoneSortKeys };
+export { graphql_AccountEmailIntent as AccountEmailIntent, graphql_AccountEmailUpdateActionIntent as AccountEmailUpdateActionIntent, AddMediasDocument, graphql_graphql_AppSortKeys as AppSortKeys, graphql_ArticleCommentPermission as ArticleCommentPermission, graphql_ArticleSortKeys as ArticleSortKeys, graphql_ArticleStatus as ArticleStatus, ArticlesDocument, graphql_BlogSortKeys as BlogSortKeys, BlogsDocument, graphql_CartDiscountScope as CartDiscountScope, graphql_CartDiscountSource as CartDiscountSource, graphql_CartDiscountStatus as CartDiscountStatus, graphql_CartDiscountType as CartDiscountType, graphql_CartLineItemSource as CartLineItemSource, graphql_CartSortkeys as CartSortkeys, graphql_CartStatus as CartStatus, graphql_CheckoutAutoFulfillment as CheckoutAutoFulfillment, graphql_CheckoutContactMethod as CheckoutContactMethod, graphql_CheckoutExcludeRequiredOptional as CheckoutExcludeRequiredOptional, graphql_CheckoutNameRequirement as CheckoutNameRequirement, graphql_CollectionProductSortkey as CollectionProductSortkey, graphql_CollectionSortKey as CollectionSortKey, CollectionsDocument, graphql_CustomerAddressSortkeys as CustomerAddressSortkeys, graphql_CustomerSegmentCombine as CustomerSegmentCombine, graphql_CustomerSegmentConditionField as CustomerSegmentConditionField, graphql_CustomerSegmentConditionOperator as CustomerSegmentConditionOperator, graphql_CustomerSegmentSortkeys as CustomerSegmentSortkeys, graphql_CustomerSortkeys as CustomerSortkeys, graphql_DefaultThemeTemplateType as DefaultThemeTemplateType, DeleteMediasDocument, graphql_DeliveryProfileSortKeys as DeliveryProfileSortKeys, graphql_DeliveryZoneRateConditionType as DeliveryZoneRateConditionType, graphql_DeliveryZoneSortKeys as DeliveryZoneSortKeys, graphql_DiscountAooMinimumPurchaseType as DiscountAooMinimumPurchaseType, graphql_DiscountAooType as DiscountAooType, graphql_DiscountAopApplication as DiscountAopApplication, graphql_DiscountAopMinimunPurchaseType as DiscountAopMinimunPurchaseType, graphql_DiscountAopType as DiscountAopType, graphql_DiscountApplication as DiscountApplication, graphql_DiscountBxgyApplication as DiscountBxgyApplication, graphql_DiscountBxgyMinimunPurchaseType as DiscountBxgyMinimunPurchaseType, graphql_DiscountBxgyOfferApplication as DiscountBxgyOfferApplication, graphql_DiscountBxgyType as DiscountBxgyType, graphql_DiscountFsMinimunPurchaseType as DiscountFsMinimunPurchaseType, graphql_DiscountFsType as DiscountFsType, graphql_DiscountSortKeys as DiscountSortKeys, graphql_DiscountType as DiscountType, graphql_DomainRecordType as DomainRecordType, graphql_DomainSortkeys as DomainSortkeys, graphql_EditThemeTemplateType as EditThemeTemplateType, graphql_InventorySortKeys as InventorySortKeys, graphql_LinklistSortKeys as LinklistSortKeys, graphql_LinklistType as LinklistType, LinklistsDocument, graphql_LocationSortKeys as LocationSortKeys, graphql_LogActions as LogActions, graphql_LogResources as LogResources, graphql_LogSortKeys as LogSortKeys, graphql_LoginMethod as LoginMethod, graphql_MarketSortKeys as MarketSortKeys, graphql_MarketVariantSortKeys as MarketVariantSortKeys, graphql_MediaSortKeys as MediaSortKeys, graphql_MediaType as MediaType, MediaUsageDocument, MediasDocument, graphql_MetafieldEntryType as MetafieldEntryType, graphql_MetafieldScope as MetafieldScope, graphql_MetafieldSortKeys as MetafieldSortKeys, graphql_MetafieldType as MetafieldType, MetafieldsDocument, MetaobjectEntriesDocument, graphql_MetaobjectEntrySortKeys as MetaobjectEntrySortKeys, graphql_MetaobjectFieldType as MetaobjectFieldType, graphql_MetaobjectSortKeys as MetaobjectSortKeys, MetaobjectsDocument, graphql_PageSortKeys as PageSortKeys, graphql_PageStatus as PageStatus, PagesDocument, graphql_PayStoreInvoiceStatus as PayStoreInvoiceStatus, graphql_PaymentChargeType as PaymentChargeType, graphql_PaymentSortKeys as PaymentSortKeys, graphql_PaymentType as PaymentType, graphql_PickupProfileReadyIn as PickupProfileReadyIn, graphql_PickupProfileSortKeys as PickupProfileSortKeys, graphql_PresetSortKeys as PresetSortKeys, graphql_PresetType as PresetType, graphql_ProductSortKeys as ProductSortKeys, graphql_ProductStatus as ProductStatus, ProductsDocument, graphql_PurchaseSortKeys as PurchaseSortKeys, graphql_PurchaseStatus as PurchaseStatus, graphql_RedirectSortKeys as RedirectSortKeys, graphql_ShippingProfileSortKeys as ShippingProfileSortKeys, graphql_ShippingZoneRateConditionType as ShippingZoneRateConditionType, graphql_ShippingZoneSortKeys as ShippingZoneSortKeys, graphql_StaffAppPermission as StaffAppPermission, graphql_StaffSortKeys as StaffSortKeys, StoragePlanDocument, graphql_StoreInvoiceBeneficiary as StoreInvoiceBeneficiary, graphql_StoreInvoicePaymentStatus as StoreInvoicePaymentStatus, graphql_StoreInvoiceRefundStatus as StoreInvoiceRefundStatus, graphql_StoreInvoiceSortKeys as StoreInvoiceSortKeys, graphql_StoreLengthUnit as StoreLengthUnit, graphql_StoreSortkeys as StoreSortkeys, graphql_StoreWeightUnit as StoreWeightUnit, graphql_SupplierSortKeys as SupplierSortKeys, graphql_TaxOverrideLevel as TaxOverrideLevel, graphql_TaxOverrideType as TaxOverrideType, graphql_TaxSortKeys as TaxSortKeys, graphql_graphql_ThemeSortKeys as ThemeSortKeys, graphql_TransferSortKeys as TransferSortKeys, graphql_TransferStatus as TransferStatus, graphql_UserDeviceSortKeys as UserDeviceSortKeys, graphql_UserPasskeySortKeys as UserPasskeySortKeys, graphql_UserSessionSortKeys as UserSessionSortKeys, graphql_VariantSortKeys as VariantSortKeys, graphql_VariantStatus as VariantStatus, VariantsDocument, graphql_WhoamiType as WhoamiType, graphql_AppSortKeys as _AppSortKeys, graphql_CategorySortKeys as _CategorySortKeys, graphql_ContinentSortKeys as _ContinentSortKeys, graphql_CountrySortKeys as _CountrySortKeys, graphql_CurrencySortKeys as _CurrencySortKeys, graphql_HscodeSortKeys as _HscodeSortKeys, graphql_LanguageSortKeys as _LanguageSortKeys, graphql_PackageSortKeys as _PackageSortKeys, graphql_PaymentGatewaySortKeys as _PaymentGatewaySortKeys, graphql_PaymentProviderSortKeys as _PaymentProviderSortKeys, graphql_PhoneSortKeys as _PhoneSortKeys, graphql_RegionSortKeys as _RegionSortKeys, graphql_SoppiyaPaymentSortKeys as _SoppiyaPaymentSortKeys, graphql_ThemeSortKeys as _ThemeSortKeys, graphql_ThemeVersionSortKeys as _ThemeVersionSortKeys, graphql_TimezoneSortKeys as _TimezoneSortKeys };

package/dist/styles.css

@@ -38,6 +38,7 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-gray-400: oklch(70.7% .022 261.325);
     --spacing: .25rem;
+    --radius-md: .375rem;
     --blur-xs: 4px;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -479,7 +480,7 @@
     width: 100%;
   }
 
-  .\!max-w-\[150px\] {
+  .max-w-\[150px\]\! {
     max-width: 150px !important;
   }
 
@@ -517,8 +518,8 @@
     justify-content: center;
   }
 
-  .gap-\[20px\] {
-    gap: 20px;
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
   }
 
   .gap-x-\[12px\] {
@@ -547,14 +548,14 @@
     border-radius: 3px !important;
   }
 
-  .\!rounded-\[6px\] {
-    border-radius: 6px !important;
-  }
-
   .rounded-\[5px\] {
     border-radius: 5px;
   }
 
+  .rounded-md\! {
+    border-radius: var(--radius-md) !important;
+  }
+
   .\!border-0 {
     border-style: var(--tw-border-style) !important;
     border-width: 0 !important;
@@ -635,6 +636,10 @@
     padding-inline: 8px !important;
   }
 
+  .px-2\! {
+    padding-inline: calc(var(--spacing) * 2) !important;
+  }
+
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
@@ -715,8 +720,8 @@
       top: calc(var(--spacing) * 0);
     }
 
-    .md\:-left-5 {
-      left: calc(var(--spacing) * -5);
+    .md\:-left-5\! {
+      left: calc(var(--spacing) * -5) !important;
     }
 
     .md\:mt-0 {
@@ -739,10 +744,6 @@
       width: 273px !important;
     }
 
-    .md\:\!w-\[calc\(100\%-300px\)\] {
-      width: calc(100% - 300px) !important;
-    }
-
     .md\:w-\[100px\] {
       width: 100px;
     }
@@ -771,6 +772,10 @@
       width: calc(100% - 256px) !important;
     }
 
+    .md\:w-\[calc\(100\%-300px\)\]\! {
+      width: calc(100% - 300px) !important;
+    }
+
     .md\:grid-cols-\[repeat\(auto-fill\,minmax\(117px\,1fr\)\)\] {
       grid-template-columns: repeat(auto-fill, minmax(117px, 1fr));
     }
@@ -814,10 +819,6 @@
       width: 336px !important;
     }
 
-    .lg\:\!w-\[calc\(100\%-336px\)\] {
-      width: calc(100% - 336px) !important;
-    }
-
     .lg\:w-\[108px\] {
       width: 108px;
     }
@@ -842,6 +843,10 @@
       width: 780px;
     }
 
+    .lg\:w-\[calc\(100\%-336px\)\]\! {
+      width: calc(100% - 336px) !important;
+    }
+
     .lg\:w-\[calc\(100\%-352px\)\]\! {
       width: calc(100% - 352px) !important;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soppiya/app-bridge",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "type": "module",
   "exports": {
     ".": {

package/dist/components/metafield-entries/ui/MetaobjectEntries.d.ts

@@ -1,10 +0,0 @@
-type Props = {
-    title?: string;
-    initialIds?: string[];
-    limit?: number;
-    metaobjects?: string[];
-    onClose?: () => void;
-    onOk?: (linklist: string[]) => void;
-};
-declare const MetaobjectEntries: ({ title, initialIds, limit, metaobjects, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
-export default MetaobjectEntries;

package/dist/components/metafield-entries/ui/MetaobjectEntries.stories.js

@@ -1,10 +0,0 @@
-import MetaobjectEntries from "./MetaobjectEntries.js";
-const meta = {
-    title: "Example/MetaobjectEntries",
-    component: MetaobjectEntries
-};
-const MetaobjectEntries_stories = meta;
-const Default = {
-    args: {}
-};
-export { Default, MetaobjectEntries_stories as default };