@zag-js/clipboard 0.82.2 → 1.0.1

package/dist/index.d.mts

@@ -1,27 +1,39 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, CommonProperties, NormalizeProps } from '@zag-js/types';
+import { CommonProperties, RequiredBy, PropTypes, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
-import { Machine, StateMachine } from '@zag-js/core';
+import { Service, Machine } from '@zag-js/core';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "control" | "trigger" | "indicator" | "input" | "label">;
 
 interface CopyStatusDetails {
     copied: boolean;
 }
+interface ValueChangeDetails {
+    value: string;
+}
 type ElementIds = Partial<{
     root: string;
     input: string;
     label: string;
 }>;
-interface PublicContext extends CommonProperties {
+interface ClipboardProps extends CommonProperties {
     /**
      * The ids of the elements in the clipboard. Useful for composition.
      */
     ids?: ElementIds | undefined;
     /**
-     * The value to be copied to the clipboard
+     * The controlled value of the clipboard
      */
-    value: string;
+    value?: string | undefined;
+    /**
+     * The initial value to be copied to the clipboard when rendered.
+     * Use when you don't need to control the value of the clipboard.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * The function to be called when the value changes
+     */
+    onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
     /**
      * The function to be called when the value is copied to the clipboard
      */
@@ -30,24 +42,24 @@ interface PublicContext extends CommonProperties {
      * The timeout for the copy operation
      * @default 3000
      */
-    timeout: number;
-}
-interface PrivateContext {
-}
-type ComputedContext = Readonly<{}>;
-type UserDefinedContext = RequiredBy<PublicContext, "id">;
-interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
+    timeout?: number | undefined;
 }
-interface MachineState {
-    value: "idle" | "copied";
+interface ClipboardSchema {
+    state: "idle" | "copied";
+    props: RequiredBy<ClipboardProps, "timeout">;
+    context: {
+        value: string;
+    };
+    effect: string;
+    action: string;
+    guard: string;
 }
-type State = StateMachine.State<MachineContext, MachineState>;
-type Send = StateMachine.Send<StateMachine.AnyEventObject>;
-type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+type ClipboardService = Service<ClipboardSchema>;
+type ClipboardMachine = Machine<ClipboardSchema>;
 interface IndicatorProps {
     copied: boolean;
 }
-interface MachineApi<T extends PropTypes = PropTypes> {
+interface ClipboardApi<T extends PropTypes = PropTypes> {
     /**
      * Whether the value has been copied to the clipboard
      */
@@ -72,13 +84,13 @@ interface MachineApi<T extends PropTypes = PropTypes> {
     getIndicatorProps(props: IndicatorProps): T["element"];
 }
 
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
+declare function connect<T extends PropTypes>(service: ClipboardService, normalize: NormalizeProps<T>): ClipboardApi<T>;
 
-declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+declare const machine: _zag_js_core.Machine<ClipboardSchema>;
 
-declare const props: ("id" | "value" | "getRootNode" | "timeout" | "ids" | "onStatusChange")[];
-declare const contextProps: <Props extends UserDefinedContext>(props: Props) => [UserDefinedContext, Omit<Props, "id" | "value" | "getRootNode" | "timeout" | "ids" | "onStatusChange">];
+declare const props: (keyof ClipboardProps)[];
+declare const contextProps: <Props extends ClipboardProps>(props: Props) => [ClipboardProps, Omit<Props, keyof ClipboardProps>];
 declare const indicatorProps: "copied"[];
 declare const splitIndicatorProps: <Props extends IndicatorProps>(props: Props) => [IndicatorProps, Omit<Props, "copied">];
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type CopyStatusDetails, type ElementIds, type IndicatorProps, type Service, anatomy, connect, contextProps, indicatorProps, machine, props, splitIndicatorProps };
+export { type ClipboardApi as Api, type CopyStatusDetails, type ElementIds, type IndicatorProps, type ClipboardMachine as Machine, type ClipboardProps as Props, type ClipboardSchema as Schema, type ClipboardService as Service, anatomy, connect, contextProps, indicatorProps, machine, props, splitIndicatorProps };

package/dist/index.d.ts

@@ -1,27 +1,39 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, CommonProperties, NormalizeProps } from '@zag-js/types';
+import { CommonProperties, RequiredBy, PropTypes, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
-import { Machine, StateMachine } from '@zag-js/core';
+import { Service, Machine } from '@zag-js/core';
 
 declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root" | "control" | "trigger" | "indicator" | "input" | "label">;
 
 interface CopyStatusDetails {
     copied: boolean;
 }
+interface ValueChangeDetails {
+    value: string;
+}
 type ElementIds = Partial<{
     root: string;
     input: string;
     label: string;
 }>;
-interface PublicContext extends CommonProperties {
+interface ClipboardProps extends CommonProperties {
     /**
      * The ids of the elements in the clipboard. Useful for composition.
      */
     ids?: ElementIds | undefined;
     /**
-     * The value to be copied to the clipboard
+     * The controlled value of the clipboard
      */
-    value: string;
+    value?: string | undefined;
+    /**
+     * The initial value to be copied to the clipboard when rendered.
+     * Use when you don't need to control the value of the clipboard.
+     */
+    defaultValue?: string | undefined;
+    /**
+     * The function to be called when the value changes
+     */
+    onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
     /**
      * The function to be called when the value is copied to the clipboard
      */
@@ -30,24 +42,24 @@ interface PublicContext extends CommonProperties {
      * The timeout for the copy operation
      * @default 3000
      */
-    timeout: number;
-}
-interface PrivateContext {
-}
-type ComputedContext = Readonly<{}>;
-type UserDefinedContext = RequiredBy<PublicContext, "id">;
-interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
+    timeout?: number | undefined;
 }
-interface MachineState {
-    value: "idle" | "copied";
+interface ClipboardSchema {
+    state: "idle" | "copied";
+    props: RequiredBy<ClipboardProps, "timeout">;
+    context: {
+        value: string;
+    };
+    effect: string;
+    action: string;
+    guard: string;
 }
-type State = StateMachine.State<MachineContext, MachineState>;
-type Send = StateMachine.Send<StateMachine.AnyEventObject>;
-type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+type ClipboardService = Service<ClipboardSchema>;
+type ClipboardMachine = Machine<ClipboardSchema>;
 interface IndicatorProps {
     copied: boolean;
 }
-interface MachineApi<T extends PropTypes = PropTypes> {
+interface ClipboardApi<T extends PropTypes = PropTypes> {
     /**
      * Whether the value has been copied to the clipboard
      */
@@ -72,13 +84,13 @@ interface MachineApi<T extends PropTypes = PropTypes> {
     getIndicatorProps(props: IndicatorProps): T["element"];
 }
 
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
+declare function connect<T extends PropTypes>(service: ClipboardService, normalize: NormalizeProps<T>): ClipboardApi<T>;
 
-declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+declare const machine: _zag_js_core.Machine<ClipboardSchema>;
 
-declare const props: ("id" | "value" | "getRootNode" | "timeout" | "ids" | "onStatusChange")[];
-declare const contextProps: <Props extends UserDefinedContext>(props: Props) => [UserDefinedContext, Omit<Props, "id" | "value" | "getRootNode" | "timeout" | "ids" | "onStatusChange">];
+declare const props: (keyof ClipboardProps)[];
+declare const contextProps: <Props extends ClipboardProps>(props: Props) => [ClipboardProps, Omit<Props, keyof ClipboardProps>];
 declare const indicatorProps: "copied"[];
 declare const splitIndicatorProps: <Props extends IndicatorProps>(props: Props) => [IndicatorProps, Omit<Props, "copied">];
 
-export { type MachineApi as Api, type UserDefinedContext as Context, type CopyStatusDetails, type ElementIds, type IndicatorProps, type Service, anatomy, connect, contextProps, indicatorProps, machine, props, splitIndicatorProps };
+export { type ClipboardApi as Api, type CopyStatusDetails, type ElementIds, type IndicatorProps, type ClipboardMachine as Machine, type ClipboardProps as Props, type ClipboardSchema as Schema, type ClipboardService as Service, anatomy, connect, contextProps, indicatorProps, machine, props, splitIndicatorProps };

package/dist/index.js

@@ -9,13 +9,11 @@ var types = require('@zag-js/types');
 // src/clipboard.anatomy.ts
 var anatomy = anatomy$1.createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
 var parts = anatomy.build();
-var dom = domQuery.createScope({
-  getRootId: (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`,
-  getInputId: (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`,
-  getLabelId: (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`,
-  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
-  writeToClipboard: (ctx) => copyText(dom.getDoc(ctx), ctx.value)
-});
+var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
+var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
 function createNode(doc, text) {
   const node = doc.createElement("pre");
   Object.assign(node.style, {
@@ -58,11 +56,12 @@ function copyText(doc, text) {
 }
 
 // src/clipboard.connect.ts
-function connect(state, send, normalize) {
+function connect(service, normalize) {
+  const { state, send, context, scope } = service;
   const copied = state.matches("copied");
   return {
     copied,
-    value: state.context.value,
+    value: context.get("value"),
     setValue(value) {
       send({ type: "VALUE.SET", value });
     },
@@ -73,15 +72,15 @@ function connect(state, send, normalize) {
       return normalize.element({
         ...parts.root.attrs,
         "data-copied": domQuery.dataAttr(copied),
-        id: dom.getRootId(state.context)
+        id: getRootId(scope)
       });
     },
     getLabelProps() {
       return normalize.label({
         ...parts.label.attrs,
-        htmlFor: dom.getInputId(state.context),
+        htmlFor: getInputId(scope),
         "data-copied": domQuery.dataAttr(copied),
-        id: dom.getLabelId(state.context)
+        id: getLabelId(scope)
       });
     },
     getControlProps() {
@@ -93,11 +92,11 @@ function connect(state, send, normalize) {
     getInputProps() {
       return normalize.input({
         ...parts.input.attrs,
-        defaultValue: state.context.value,
+        defaultValue: context.get("value"),
         "data-copied": domQuery.dataAttr(copied),
         readOnly: true,
         "data-readonly": "true",
-        id: dom.getInputId(state.context),
+        id: getInputId(scope),
         onFocus(event) {
           event.currentTarget.select();
         },
@@ -125,82 +124,102 @@ function connect(state, send, normalize) {
     }
   };
 }
-function machine(userContext) {
-  const ctx = utils.compact(userContext);
-  return core.createMachine(
-    {
-      id: "clipboard",
-      initial: "idle",
-      context: {
-        value: "",
-        timeout: 3e3,
-        ...ctx
-      },
-      watch: {
-        value: ["syncInputElement"]
-      },
+var machine = core.createMachine({
+  props({ props: props2 }) {
+    return {
+      timeout: 3e3,
+      defaultValue: "",
+      ...props2
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          prop("onValueChange")?.({ value });
+        }
+      }))
+    };
+  },
+  watch({ track, context, action }) {
+    track([() => context.get("value")], () => {
+      action(["syncInputElement"]);
+    });
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    },
+    COPY: {
+      target: "copied",
+      actions: ["copyToClipboard", "invokeOnCopy"]
+    }
+  },
+  states: {
+    idle: {
       on: {
-        "VALUE.SET": {
-          actions: ["setValue"]
+        "INPUT.COPY": {
+          target: "copied",
+          actions: ["invokeOnCopy"]
+        }
+      }
+    },
+    copied: {
+      effects: ["waitForTimeout"],
+      on: {
+        "COPY.DONE": {
+          target: "idle"
         },
         COPY: {
           target: "copied",
           actions: ["copyToClipboard", "invokeOnCopy"]
-        }
-      },
-      states: {
-        idle: {
-          on: {
-            "INPUT.COPY": {
-              target: "copied",
-              actions: ["invokeOnCopy"]
-            }
-          }
         },
-        copied: {
-          after: {
-            COPY_TIMEOUT: "idle"
-          },
-          on: {
-            COPY: {
-              target: "copied",
-              actions: ["copyToClipboard", "invokeOnCopy"]
-            },
-            "INPUT.COPY": {
-              actions: ["invokeOnCopy"]
-            }
-          }
+        "INPUT.COPY": {
+          actions: ["invokeOnCopy"]
         }
       }
+    }
+  },
+  implementations: {
+    effects: {
+      waitForTimeout({ prop, send }) {
+        return utils.setRafTimeout(() => {
+          send({ type: "COPY.DONE" });
+        }, prop("timeout"));
+      }
     },
-    {
-      actions: {
-        setValue(ctx2, evt) {
-          ctx2.value = evt.value;
-        },
-        copyToClipboard(ctx2) {
-          dom.writeToClipboard(ctx2);
-        },
-        invokeOnCopy(ctx2) {
-          ctx2.onStatusChange?.({ copied: true });
-        },
-        syncInputElement(ctx2) {
-          dom.setValue(dom.getInputEl(ctx2), ctx2.value);
-        }
+    actions: {
+      setValue({ context, event }) {
+        context.set("value", event.value);
+      },
+      copyToClipboard({ context, scope }) {
+        writeToClipboard(scope, context.get("value"));
+      },
+      invokeOnCopy({ prop }) {
+        prop("onStatusChange")?.({ copied: true });
       },
-      delays: {
-        COPY_TIMEOUT: (ctx2) => ctx2.timeout
+      syncInputElement({ context, scope }) {
+        const inputEl = getInputEl(scope);
+        if (!inputEl) return;
+        domQuery.setElementValue(inputEl, context.get("value"));
       }
     }
-  );
-}
+  }
+});
 var props = types.createProps()([
   "getRootNode",
   "id",
   "ids",
   "value",
+  "defaultValue",
   "timeout",
-  "onStatusChange"
+  "onStatusChange",
+  "onValueChange"
 ]);
 var contextProps = utils.createSplitProps(props);
 var indicatorProps = types.createProps()(["copied"]);

package/dist/index.mjs

@@ -1,19 +1,17 @@
 import { createAnatomy } from '@zag-js/anatomy';
-import { createScope, getWindow, dataAttr } from '@zag-js/dom-query';
+import { setElementValue, dataAttr, getWindow } from '@zag-js/dom-query';
 import { createMachine } from '@zag-js/core';
-import { createSplitProps, compact } from '@zag-js/utils';
+import { setRafTimeout, createSplitProps } from '@zag-js/utils';
 import { createProps } from '@zag-js/types';
 
 // src/clipboard.anatomy.ts
 var anatomy = createAnatomy("clipboard").parts("root", "control", "trigger", "indicator", "input", "label");
 var parts = anatomy.build();
-var dom = createScope({
-  getRootId: (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`,
-  getInputId: (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`,
-  getLabelId: (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`,
-  getInputEl: (ctx) => dom.getById(ctx, dom.getInputId(ctx)),
-  writeToClipboard: (ctx) => copyText(dom.getDoc(ctx), ctx.value)
-});
+var getRootId = (ctx) => ctx.ids?.root ?? `clip:${ctx.id}`;
+var getInputId = (ctx) => ctx.ids?.input ?? `clip:${ctx.id}:input`;
+var getLabelId = (ctx) => ctx.ids?.label ?? `clip:${ctx.id}:label`;
+var getInputEl = (ctx) => ctx.getById(getInputId(ctx));
+var writeToClipboard = (ctx, value) => copyText(ctx.getDoc(), value);
 function createNode(doc, text) {
   const node = doc.createElement("pre");
   Object.assign(node.style, {
@@ -56,11 +54,12 @@ function copyText(doc, text) {
 }
 
 // src/clipboard.connect.ts
-function connect(state, send, normalize) {
+function connect(service, normalize) {
+  const { state, send, context, scope } = service;
   const copied = state.matches("copied");
   return {
     copied,
-    value: state.context.value,
+    value: context.get("value"),
     setValue(value) {
       send({ type: "VALUE.SET", value });
     },
@@ -71,15 +70,15 @@ function connect(state, send, normalize) {
       return normalize.element({
         ...parts.root.attrs,
         "data-copied": dataAttr(copied),
-        id: dom.getRootId(state.context)
+        id: getRootId(scope)
       });
     },
     getLabelProps() {
       return normalize.label({
         ...parts.label.attrs,
-        htmlFor: dom.getInputId(state.context),
+        htmlFor: getInputId(scope),
         "data-copied": dataAttr(copied),
-        id: dom.getLabelId(state.context)
+        id: getLabelId(scope)
       });
     },
     getControlProps() {
@@ -91,11 +90,11 @@ function connect(state, send, normalize) {
     getInputProps() {
       return normalize.input({
         ...parts.input.attrs,
-        defaultValue: state.context.value,
+        defaultValue: context.get("value"),
         "data-copied": dataAttr(copied),
         readOnly: true,
         "data-readonly": "true",
-        id: dom.getInputId(state.context),
+        id: getInputId(scope),
         onFocus(event) {
           event.currentTarget.select();
         },
@@ -123,82 +122,102 @@ function connect(state, send, normalize) {
     }
   };
 }
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      id: "clipboard",
-      initial: "idle",
-      context: {
-        value: "",
-        timeout: 3e3,
-        ...ctx
-      },
-      watch: {
-        value: ["syncInputElement"]
-      },
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      timeout: 3e3,
+      defaultValue: "",
+      ...props2
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable }) {
+    return {
+      value: bindable(() => ({
+        defaultValue: prop("defaultValue"),
+        value: prop("value"),
+        onChange(value) {
+          prop("onValueChange")?.({ value });
+        }
+      }))
+    };
+  },
+  watch({ track, context, action }) {
+    track([() => context.get("value")], () => {
+      action(["syncInputElement"]);
+    });
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    },
+    COPY: {
+      target: "copied",
+      actions: ["copyToClipboard", "invokeOnCopy"]
+    }
+  },
+  states: {
+    idle: {
       on: {
-        "VALUE.SET": {
-          actions: ["setValue"]
+        "INPUT.COPY": {
+          target: "copied",
+          actions: ["invokeOnCopy"]
+        }
+      }
+    },
+    copied: {
+      effects: ["waitForTimeout"],
+      on: {
+        "COPY.DONE": {
+          target: "idle"
         },
         COPY: {
           target: "copied",
           actions: ["copyToClipboard", "invokeOnCopy"]
-        }
-      },
-      states: {
-        idle: {
-          on: {
-            "INPUT.COPY": {
-              target: "copied",
-              actions: ["invokeOnCopy"]
-            }
-          }
         },
-        copied: {
-          after: {
-            COPY_TIMEOUT: "idle"
-          },
-          on: {
-            COPY: {
-              target: "copied",
-              actions: ["copyToClipboard", "invokeOnCopy"]
-            },
-            "INPUT.COPY": {
-              actions: ["invokeOnCopy"]
-            }
-          }
+        "INPUT.COPY": {
+          actions: ["invokeOnCopy"]
         }
       }
+    }
+  },
+  implementations: {
+    effects: {
+      waitForTimeout({ prop, send }) {
+        return setRafTimeout(() => {
+          send({ type: "COPY.DONE" });
+        }, prop("timeout"));
+      }
     },
-    {
-      actions: {
-        setValue(ctx2, evt) {
-          ctx2.value = evt.value;
-        },
-        copyToClipboard(ctx2) {
-          dom.writeToClipboard(ctx2);
-        },
-        invokeOnCopy(ctx2) {
-          ctx2.onStatusChange?.({ copied: true });
-        },
-        syncInputElement(ctx2) {
-          dom.setValue(dom.getInputEl(ctx2), ctx2.value);
-        }
+    actions: {
+      setValue({ context, event }) {
+        context.set("value", event.value);
+      },
+      copyToClipboard({ context, scope }) {
+        writeToClipboard(scope, context.get("value"));
+      },
+      invokeOnCopy({ prop }) {
+        prop("onStatusChange")?.({ copied: true });
       },
-      delays: {
-        COPY_TIMEOUT: (ctx2) => ctx2.timeout
+      syncInputElement({ context, scope }) {
+        const inputEl = getInputEl(scope);
+        if (!inputEl) return;
+        setElementValue(inputEl, context.get("value"));
       }
     }
-  );
-}
+  }
+});
 var props = createProps()([
   "getRootNode",
   "id",
   "ids",
   "value",
+  "defaultValue",
   "timeout",
-  "onStatusChange"
+  "onStatusChange",
+  "onValueChange"
 ]);
 var contextProps = createSplitProps(props);
 var indicatorProps = createProps()(["copied"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/clipboard",
-  "version": "0.82.2",
+  "version": "1.0.1",
   "description": "Core logic for the clipboard widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,11 +27,11 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.82.2",
-    "@zag-js/core": "0.82.2",
-    "@zag-js/dom-query": "0.82.2",
-    "@zag-js/utils": "0.82.2",
-    "@zag-js/types": "0.82.2"
+    "@zag-js/anatomy": "1.0.1",
+    "@zag-js/core": "1.0.1",
+    "@zag-js/dom-query": "1.0.1",
+    "@zag-js/utils": "1.0.1",
+    "@zag-js/types": "1.0.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"
@@ -41,9 +41,14 @@
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
     },
     "./package.json": "./package.json"
   },