shopify-nuxt 0.0.1 → 0.0.2

package/dist/runtime/components/polaris/ShColorPicker.d.vue.ts

@@ -2,13 +2,21 @@ type __VLS_Props = {
     alpha?: boolean;
     name?: string;
     defaultValue?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    change: (event: Event) => void;
+    input: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShColorPicker.vue

@@ -1,15 +1,33 @@
 <template>
-  <s-color-picker v-bind="$attrs">
+  <s-color-picker
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @change="
+  (evt) => {
+    emit('change', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+    @input="emit('input', $event)"
+  >
     <slot />
   </s-color-picker>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShColorPicker", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   alpha: { type: Boolean, required: false },
   name: { type: String, required: false },
   defaultValue: { type: String, required: false },
-  value: { type: String, required: false }
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "change", "input"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShColorPicker.vue.d.ts

@@ -2,13 +2,21 @@ type __VLS_Props = {
     alpha?: boolean;
     name?: string;
     defaultValue?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    change: (event: Event) => void;
+    input: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDateField.d.vue.ts

@@ -17,13 +17,29 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: Event) => void;
+    change: (event: Event) => void;
+    focus: (event: Event) => void;
+    input: (event: Event) => void;
+    invalid: (event: Event) => void;
+    viewchange: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    onInvalid?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onViewchange?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDateField.vue

@@ -1,12 +1,28 @@
 <template>
-  <s-date-field v-bind="$attrs">
+  <s-date-field
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @blur="emit('blur', $event)"
+    @change="
+  (evt) => {
+    emit('change', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+    @focus="emit('focus', $event)"
+    @input="emit('input', $event)"
+    @invalid="emit('invalid', $event)"
+    @viewchange="emit('viewchange', $event)"
+  >
     <slot />
   </s-date-field>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShDateField", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   allow: { type: String, required: false },
   disallow: { type: String, required: false },
   allowDays: { type: String, required: false },
@@ -25,6 +41,12 @@ defineProps({
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },
-  value: { type: String, required: false }
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "blur", "change", "focus", "input", "invalid", "viewchange"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShDateField.vue.d.ts

@@ -17,13 +17,29 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: Event) => void;
+    change: (event: Event) => void;
+    focus: (event: Event) => void;
+    input: (event: Event) => void;
+    invalid: (event: Event) => void;
+    viewchange: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    onInvalid?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onViewchange?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDatePicker.d.vue.ts

@@ -8,13 +8,27 @@ type __VLS_Props = {
     type?: 'single' | 'range';
     defaultValue?: string;
     name?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: Event) => void;
+    change: (event: Event) => void;
+    focus: (event: Event) => void;
+    input: (event: Event) => void;
+    viewchange: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onViewchange?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDatePicker.vue

@@ -1,12 +1,27 @@
 <template>
-  <s-date-picker v-bind="$attrs">
+  <s-date-picker
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @blur="emit('blur', $event)"
+    @change="
+  (evt) => {
+    emit('change', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+    @focus="emit('focus', $event)"
+    @input="emit('input', $event)"
+    @viewchange="emit('viewchange', $event)"
+  >
     <slot />
   </s-date-picker>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShDatePicker", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   defaultView: { type: String, required: false },
   view: { type: String, required: false },
   allow: { type: String, required: false },
@@ -16,6 +31,12 @@ defineProps({
   type: { type: String, required: false },
   defaultValue: { type: String, required: false },
   name: { type: String, required: false },
-  value: { type: String, required: false }
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "blur", "change", "focus", "input", "viewchange"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShDatePicker.vue.d.ts

@@ -8,13 +8,27 @@ type __VLS_Props = {
     type?: 'single' | 'range';
     defaultValue?: string;
     name?: string;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: Event) => void;
+    change: (event: Event) => void;
+    focus: (event: Event) => void;
+    input: (event: Event) => void;
+    viewchange: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onViewchange?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDivider.vue

@@ -1,13 +1,15 @@
 <template>
-  <s-divider v-bind="$attrs">
+  <s-divider v-bind="polarisAttrs">
     <slot />
   </s-divider>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShDivider", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   direction: { type: String, required: false },
   color: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShDropZone.d.vue.ts

@@ -8,13 +8,23 @@ type __VLS_Props = {
     multiple?: boolean;
     name?: string;
     required?: boolean;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    change: (event: Event) => void;
+    input: (event: Event) => void;
+    droprejected: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onDroprejected?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShDropZone.vue

@@ -1,12 +1,25 @@
 <template>
-  <s-drop-zone v-bind="$attrs">
+  <s-drop-zone
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @change="
+  (evt) => {
+    emit('change', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+    @droprejected="emit('droprejected', $event)"
+    @input="emit('input', $event)"
+  >
     <slot />
   </s-drop-zone>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShDropZone", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   accept: { type: String, required: false },
   accessibilityLabel: { type: String, required: false },
   disabled: { type: Boolean, required: false },
@@ -16,6 +29,12 @@ defineProps({
   multiple: { type: Boolean, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  value: { type: String, required: false }
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "change", "droprejected", "input"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShDropZone.vue.d.ts

@@ -8,13 +8,23 @@ type __VLS_Props = {
     multiple?: boolean;
     name?: string;
     required?: boolean;
-    value?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    change: (event: Event) => void;
+    input: (event: Event) => void;
+    droprejected: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: Event) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onDroprejected?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShEmailField.d.vue.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     autocomplete?: string;
     maxLength?: number;
     minLength?: number;
-    value?: string;
     defaultValue?: string;
     details?: string;
     error?: string;
@@ -14,12 +13,25 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: InputEvent) => void;
+    change: (event: InputEvent) => void;
+    focus: (event: InputEvent) => void;
+    input: (event: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShEmailField.vue

@@ -1,16 +1,29 @@
 <template>
-  <s-email-field v-bind="$attrs">
+  <s-email-field
+    v-bind="polarisAttrs"
+    :value="modelValue"
+    @blur="emit('blur', $event)"
+    @change="emit('change', $event)"
+    @focus="emit('focus', $event)"
+    @input="
+  (evt) => {
+    emit('input', evt);
+    value = evt.currentTarget?.value || '';
+  }
+"
+  >
     <slot />
   </s-email-field>
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShEmailField", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   autocomplete: { type: String, required: false },
   maxLength: { type: Number, required: false },
   minLength: { type: Number, required: false },
-  value: { type: String, required: false },
   defaultValue: { type: String, required: false },
   details: { type: String, required: false },
   error: { type: String, required: false },
@@ -21,6 +34,13 @@ defineProps({
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   id: { type: String, required: false },
-  name: { type: String, required: false }
+  name: { type: String, required: false },
+  modelValue: { type: String, required: false }
 });
+const emit = defineEmits(["update:modelValue", "blur", "change", "focus", "input"]);
+const value = computed({
+  get: () => props.modelValue,
+  set: (v) => emit("update:modelValue", v)
+});
+const polarisAttrs = usePolarisAttrs(props, ["modelValue"]);
 </script>

package/dist/runtime/components/polaris/ShEmailField.vue.d.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     autocomplete?: string;
     maxLength?: number;
     minLength?: number;
-    value?: string;
     defaultValue?: string;
     details?: string;
     error?: string;
@@ -14,12 +13,25 @@ type __VLS_Props = {
     disabled?: boolean;
     id?: string;
     name?: string;
+    modelValue?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: string) => void;
+    blur: (event: InputEvent) => void;
+    change: (event: InputEvent) => void;
+    focus: (event: InputEvent) => void;
+    input: (event: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: InputEvent) => any) | undefined;
+    onChange?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: InputEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/polaris/ShGrid.vue

@@ -1,12 +1,13 @@
 <template>
-  <s-grid v-bind="$attrs">
+  <s-grid v-bind="polarisAttrs">
     <slot />
   </s-grid>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShGrid", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   gridTemplateColumns: { type: String, required: false },
   gridTemplateRows: { type: String, required: false },
   justifyItems: { type: String, required: false },
@@ -43,4 +44,5 @@ defineProps({
   accessibilityVisibility: { type: String, required: false },
   display: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShGridItem.vue

@@ -1,12 +1,13 @@
 <template>
-  <s-grid-item v-bind="$attrs">
+  <s-grid-item v-bind="polarisAttrs">
     <slot />
   </s-grid-item>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShGridItem", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   gridColumn: { type: String, required: false },
   gridRow: { type: String, required: false },
   accessibilityRole: { type: String, required: false },
@@ -34,4 +35,5 @@ defineProps({
   accessibilityVisibility: { type: String, required: false },
   display: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShHeading.vue

@@ -1,14 +1,16 @@
 <template>
-  <s-heading v-bind="$attrs">
+  <s-heading v-bind="polarisAttrs">
     <slot />
   </s-heading>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShHeading", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   accessibilityRole: { type: String, required: false },
   lineClamp: { type: Number, required: false },
   accessibilityVisibility: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>

package/dist/runtime/components/polaris/ShIcon.vue

@@ -1,16 +1,18 @@
 <template>
-  <s-icon v-bind="$attrs">
+  <s-icon v-bind="polarisAttrs">
     <slot />
   </s-icon>
 </template>
 
 <script setup>
+import { usePolarisAttrs } from "./utils";
 defineOptions({ name: "ShIcon", inheritAttrs: false });
-defineProps({
+const props = defineProps({
   color: { type: String, required: false },
   tone: { type: String, required: false },
   type: { type: String, required: false },
   size: { type: String, required: false },
   interestFor: { type: String, required: false }
 });
+const polarisAttrs = usePolarisAttrs(props);
 </script>